如何在react原生应用中跟踪设备上的所有图像？

navigator.mediaDevices.getUserMedia({ video: true })
  .then((stream) => {
    // 在这里可以处理获取到的媒体流
    // 可以将媒体流绑定到video元素上进行预览
    // 也可以通过canvas元素进行图像处理等操作
  })
  .catch((error) => {
    // 处理获取媒体流失败的情况
    console.error('Error accessing media devices:', error);
  });

class ImageTrackingComponent extends React.Component {
  videoRef = React.createRef();

  componentDidMount() {
    navigator.mediaDevices.getUserMedia({ video: true })
      .then((stream) => {
        this.videoRef.current.srcObject = stream;
      })
      .catch((error) => {
        console.error('Error accessing media devices:', error);
      });
  }

  render() {
    return <video ref={this.videoRef} autoPlay />;
  }
}