Wojciech Brożonowicz
Wojciech Brożonowicz
~1 min read

Categories

Tags

React app - how to use webcam to scan barcodes

To use camera in web React to scan barcodes follow below steps:

1] install below module:

npm install react-webcam-barcode-scanner

2] import webcam module

import BarcodeScannerComponent from "react-webcam-barcode-scanner";

3] we Will use this in functional component so declare data object that will get barcode text with useState:

const [data, setData] = React.useState("Nie ma kodu");

4] render our scanner component

{ <BarcodeScannerComponent
        width={500}
        height={500}
        onUpdate={(err, result) => {
          if (result) setData(result.text);
        //   else 
        //   setData("Not Found");
        }}
      />
      <p>{data}</p> */}

It work’s only with https. That’s all!