/
galiaf
/
qr-code
Обзор
Документация
Войти
/
galiaf
/
qr-code
Код
Запросы
0
Задачи
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
src/components/Scan/QrCodeScanner.jsx
35 строк
926 B
GaliaF
init
20 июл 2024, 10:00
20 июл 2024, 10:00
d658a27
Код
Авторство
О чём код?
import { Scanner } from '@yudiel/react-qr-scanner'; import { useState } from 'react'; import s from './qrCodeScanner.module.css'; import { SCAN_DATA } from '../../constans' export const QrCodeScanner = () => { const [scanned, setScanned] = useState(null); const scanHandler = (result) => { setScanned(result[0].rawValue); const prevData = JSON.parse(localStorage.getItem(SCAN_DATA) || '[]'); localStorage.setItem( SCAN_DATA, JSON.stringify([...prevData, result[0].rawValue]) ); }; return ( <div className={s.container}> <Scanner onScan={scanHandler} components={{ audio: false, finder: false, }} styles={ {container: { width: 200} }} /> <p className={s.result}>{scanned}</p> </div> ); };