React中的组件

组件概念：一个组件就是用户界面的一部分，它可以有自己的逻辑和外观，组件之间可以互相嵌套，也可以复用多次

组件化开发可以让开发者像搭积木一样构建一个完整的庞大的应用

在React中，一个组件就是首字母大写的函数，内部存放了组件的逻辑和视图UI, 渲染组件只需要把组件当成标签书写 即可

//项目的根组件，一切组件的根基

// 定义组件---这里也可以使用箭头函数
function Button(){
  //组件逻辑
  return <button>click me</button>
}
function App() {
 
  return (
    <div className="App">
      {/* 使用组件，渲染组件 */}
      {/* 自闭和 */}
     <Button/>
     {/*成对标签 */}
     <Button></Button>
    </div>
  )
}

export default App;