在React JSX中使用iframe嵌入视频

import React from 'react';

const VideoComponent = () => {
  return (
    <div>
      <iframe
        src="https://www.example.com/video"
        width="560"
        height="315"
        frameborder="0"
        allowfullscreen
      ></iframe>
    </div>
  );
};

export default VideoComponent;

import React from 'react';

const VideoComponent = ({ videoUrl }) => {
  return (
    <div>
      <iframe
        src={videoUrl}
        width="560"
        height="315"
        frameborder="0"
        allowfullscreen
      ></iframe>
    </div>
  );
};

export default VideoComponent;

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

const App = () => {
  return (
    <div>
      <h1>My Videos</h1>
      <VideoComponent videoUrl="https://www.example.com/video1" />
      <VideoComponent videoUrl="https://www.example.com/video2" />
    </div>
  );
};

export default App;