如何创建指向camera react本机链接

import React, { useEffect, useRef } from 'react';

const CameraComponent = () => {
  const videoRef = useRef(null);

  useEffect(() => {
    const constraints = { video: true };

    navigator.mediaDevices.getUserMedia(constraints)
      .then((stream) => {
        videoRef.current.srcObject = stream;
      })
      .catch((error) => {
        console.error('Error accessing camera:', error);
      });
  }, []);

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

export default CameraComponent;

import React from 'react';
import CameraComponent from './CameraComponent';

const App = () => {
  return (
    <div>
      <h1>Camera Example</h1>
      <CameraComponent />
    </div>
  );
};

export default App;