无法在react中显示网络摄像头流

navigator.mediaDevices.getUserMedia({ video: true })
  .then(stream => {
    // 在这里处理获取到的摄像头流
  })
  .catch(error => {
    // 处理错误情况
  });

const videoRef = useRef(null);

// ...

useEffect(() => {
  navigator.mediaDevices.getUserMedia({ video: true })
    .then(stream => {
      videoRef.current.srcObject = stream;
    })
    .catch(error => {
      // 处理错误情况
    });
}, []);

// ...

return <video ref={videoRef} autoPlay />;