windows react前端调用摄像头扫二维码

你可以使用`react-webcam`库来访问摄像头并捕获二维码。

首先，使用以下命令安装 `react-webcam` 库：

npm install react-webcam

然后，你可以使用以下代码在 React 组件中使用 `react-webcam` 库：

import React, { useRef } from 'react';
import Webcam from 'react-webcam';
import QrReader from 'react-qr-reader';

const WebcamCapture = () => {
  // 创建一个引用来引用 Webcam 组件
  const webcamRef = useRef(null);

  // 捕获二维码
  const handleScan = (data) => {
    if (data) {
      console.log(data);
    }
  }

  // 处理摄像头错误
  const handleError = (error) => {
    console.log(error);
  }

  return (
    <div>
      <Webcam
        audio={false}
        ref={webcamRef}
        screenshotFormat="image/jpeg"
        width={640}
        height={480}
        onUserMediaError={handleError} />
      <QrReader
        delay={300}
        onError={handleError}
        onScan={handleScan}
        style={{ width: '100%' }} />
    </div>
  );
};

export default WebcamCapture;

在上面的代码中，我们使用 `Webcam` 组件来访问摄像头，并使用 `QrReader` 组件来捕获二维码。当二维码被捕获时，`handleScan` 函数将被调用，并将数据传递给它。如果发生错误，`handleError` 函数将被调用。

请注意，`react-webcam` 库需要用户授权访问摄像头。你需要确保你的应用程序在运行时请求用户授权，否则摄像头将无法访问。