barcode-react-scanner

react component to scan barcode

Usage no npm install needed!

<script type="module">
  import barcodeReactScanner from 'https://cdn.skypack.dev/barcode-react-scanner';
</script>

README

barcode-react-scanner

Is a simple react component to read barcodes.

How to use ?

Install

Recommended way to install is by using package manager (npm, yarn etc):

npm i barcode-react-scanner

yarn add barcode-react-scanner

Use

import React, { useState } from 'react';
import BarCodeScanner from 'barcode-react-scanner';

const TestingComponent = (): JSX.Element => {

 const [code, setCode] = useState<string>('')

 return (
     <>
     { code && <p> code </p> }
     <BarCodeScanner onUpdate={ (err, resp): void => {
         if(resp) {
             setCode(resp.getText())
         }
      }}
    />
    </>
 );

}

export default TestingComponent;