同一react组件中的多个videojs播放器

import React, { useEffect, useRef } from 'react';
import videojs from 'video.js';

const MultiVideoPlayer = () => {
  const videoRef1 = useRef(null);
  const videoRef2 = useRef(null);

  useEffect(() => {
    const player1 = videojs(videoRef1.current, {}, () => {
      console.log('Player 1 is ready');
    });

    const player2 = videojs(videoRef2.current, {}, () => {
      console.log('Player 2 is ready');
    });

    return () => {
      player1.dispose();
      player2.dispose();
    };
  }, []);

  return (
    <div>
      <video ref={videoRef1} className="video-js" />
      <video ref={videoRef2} className="video-js" />
    </div>
  );
};

export default MultiVideoPlayer;