rc-qrcode-scan React二维码扫描器

使用/Usage

$ npm install cjm-scan

function App() {
  const scanCodeRef = useRef();
  const [scanResult, setScanResult] = useState('');

  function startScan() {
    scanCodeRef.current?.initScan();
  }

  return (
    <div>
      <button onClick={startScan}>扫一扫</button>
      <p>扫描结果: {scanResult}</p>
      <ScanQrCodeH5
        ref={scanCodeRef}
        scanTips="请一定要对准二维码哦～"
        onScanSuccess={(text) => {
          setScanResult(text);
        }}
        // onScanError={(err) => {
        //   console.log(err);
        // }}
      />
    </div>
  );
}

Props

| 属性 | 类型 | 默认值 | 说明 | | --- |----------|--------| --- | | scanTips | string | 请对准二维码 | 顶部提示语 | | onScanSuccess | function | null | 扫描成功回调 | | onScanError | function | null | 扫描失败回调 | | onClose | function | null | 关闭回调 |

Functions

| 方法 | 说明 | |----| --- | | initScan | 开始扫描 | | stopScan | 关闭扫描 | | getError | 获取错误信息 |

预览/Preview

开发/Development

Node >= 14.20.0

1. npm install
2. npm run dev
3. npm run start:examples // 开启demo调试
4. npm run link // 把本地的包link到examples中

LICENSE

MIT