时间戳

首页 > 解决方案 > 如何在 reactjs 应用程序中实现条码扫描器？

reactjs - 如何在 reactjs 应用程序中实现条码扫描器？

问题描述

我正在开发一个 Order Scan Web 应用程序，我面临的挑战是，如果条形码匹配，我将在我的 react.js 应用程序中接收数据。我将使用条形码扫描仪设备，所以我可以使用这个 npm 包https://www.npmjs.com/package/react-barcode-reader吗？如果是这样，如何在我的反应应用程序中实现它？

我已经在网上搜索了答案。我在 react.js 中找不到任何关于我的具体问题的内容。

标签： reactjsnpmbarcode-scanner

解决方案

我建议使用 React Barcode Scanner NPM 包。该站点上有一个简单的演示。您可以使用他们的 Barcode Scanner 组件：

<BarcodeReader
onError={handleError}
onScan={handleScan}
/>

您可以将该组件应用到您希望用户执行扫描的位置。您只需要创建一个 handleScan 和 handleError 函数。

例子：

const [scanData, setScanData] = useState()

const handleScan = (data) => {
  setScanData(data)
}

const handleError = (err) => console.error(err)

数据将存储在 scanData 变量中。希望你觉得这很有帮助。

推荐阅读