0.2.3 • Published 8 months ago
qrcode-scanner-react v0.2.3
qrcode-scanner-react
Scan a QR code in react quickly and easily.
Example Usage
First npm i qrcode-scanner-react
.
Then in your React app:
import { useState } from "react";
import Scanner from "qrcode-scanner-react";
function App() {
const [scanning, setScanning] = useState(false);
const [result, setResult] = useState("");
function scanSuccess(result: string) {
setScanning(false);
setResult(result);
}
function startScan() {
setResult("");
setScanning(true);
}
return (
<div>
{scanning ? (
<>
<button onClick={() => setScanning(false)}>Stop Scanning</button>
<Scanner scanning={scanning} scanSuccess={scanSuccess} />
</>
) : (
<button onClick={startScan}>Start Scanning</button>
)}
<p>Result: {result}</p>
</div>
);
}
export default App;