1. 创建组件的文件结构
   
2.  rafce创建组件内容

   const NavBar = () => {
     return (
       <div>NavBar</div>
     )
   }
   
   export default NavBar

3. 使用该组件
    
4. 组件传值
    

或者把props解构

设置默认值 

5.用自定义组件包裹一些元素 把他们传值

元素直接变成了参数被传进来