1.0.5 • Published 8 months ago

rc-qrcode-scan v1.0.5

Weekly downloads
-
License
MIT
Repository
github
Last release
8 months ago

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

属性类型默认值说明
scanTipsstring请对准二维码顶部提示语
onScanSuccessfunctionnull扫描成功回调
onScanErrorfunctionnull扫描失败回调
onClosefunctionnull关闭回调

Functions

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

预览/Preview

demo.gif

开发/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

1.0.5

8 months ago

1.0.4

8 months ago

1.0.3

8 months ago