Javascript React.JS视频播放器错误

我和一个球员一起工作。我正在开发一个网站的反应，并希望使用一个视频播放器的片段在一些网页上使用。所以我用这些代码创建了videoFr.js脚本

import React from 'react'
import '../styles/video.scss';

const fragmentPlayer =(props)=> {
    return (

      <>
      <iframe 
      width="560" 
      height="315" 
      src={props.url} 
      frameborder="0" 
      allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" 
      allowfullscreen>

      </iframe>
      </>
    )


}

export default fragmentPlayer;

---

这里发生了什么？

在React中，我们的组件名称的第一个字母必须是大写，因为这就是React组件和html标记之间的差异。所以使用

import FragmentPlayer from '../Components/video.js';

而不是

import fragmentPlayer from '../Components/video.js';

---

@安基特维玛：我拒绝了你对这个问题的编辑，因为你在标题中添加了太多的恳求。我们修剪了乞讨材料-请不要添加！谢谢

 <Player url="https://www.youtube.com/embed/QTACugN67yc"/>

import FragmentPlayer from '../Components/video.js';

import fragmentPlayer from '../Components/video.js';