Question

我正在开发reactjs应用程序，在那里我需要读取条形码值，并且应该在特定的文本框中弹出扫描值，任何想法或者至少我需要知道这是否可行。

我需要使用物理USB条形码扫描仪。

Answer 1

此组件有助于将条形码从设备读取到应用程序中。

https://www.npmjs.com/package/react-barcode-reader

import React, { Component } from 'react'
import BarcodeReader from 'react-barcode-reader'


    class Test extends Component {
      constructor(props){
        super(props)
        this.state = {
          result: 'No result',
        }

        this.handleScan = this.handleScan.bind(this)
      }
      handleScan(data){
        this.setState({
          result: data,
        })
      }
      handleError(err){
        console.error(err)
      }
      render(){

        return(
          <div>
            <BarcodeReader
              onError={this.handleError}
              onScan={this.handleScan}
              />
            <p>{this.state.result}</p>
          </div>
        )
      }
    }

Answer 2

在Google搜索中我发现了这个 https://lindell.me/JsBarcode/会生成条形码

这将读取条形码 https://www.npmjs.com/package/barcode-js

条码扫描器用于React应用程序

2 个答案: