Reactjs卷筒纸热敏打印机

Question

我已经安装了react web应用程序，我的目标是使用热敏打印机打印，当用户从web浏览器单击按钮时，我使用https://www.npmjs.com/package/node-thermal-printer的package，但当我看到示例不同于制作react的组件时，我困惑了如何从组件触发按钮点击发送队列打印与热敏打印机。有人能在这方面帮我吗？

Answer 1

我可以给你一个非常基本的想法，关于你想要如何去做。让我们从一个基本组件开始：

const printer = require( 'node-thermal-printer' ); 
class TPrinter extends React.Component {

  constructor( props ) {
      super( props );
      this._printer = printer.init( {
          type: 'epson',
          interface: '/dev/usb/lp0'
      } );
   }

   handleOnClick() {
       this._printer.alignCenter();
       this._printer.println("Hello world");
       this._printer.cut();
       this._printer.execute( ( err ) => {
           if( err ) { return console.log( err ); }
           console.log( 'Done!' );
       } );

  }

  render() {
    return (
        <button onClick={ this.handleOnClick }></button>
    )
  }
}

然后你可以像这样使用它：

<TPrinter />

它将显示一个按钮，当单击该按钮时，可以执行您想让它执行的操作。当然，现在您可以通过使用props和在printer.init()函数中使用它们来使它更花哨，但是您已经了解了基本的要点。