组件概念:一个组件就是用户界面的一部分,它可以有自己的逻辑和外观,组件之间可以互相嵌套,也可以复用多次
组件化开发可以让开发者像搭积木一样构建一个完整的庞大的应用
在React中,一个组件就是首字母大写的函数,内部存放了组件的逻辑和视图UI, 渲染组件只需要把组件当成标签书写 即可
//项目的根组件,一切组件的根基
// 定义组件---这里也可以使用箭头函数
function Button(){
//组件逻辑
return <button>click me</button>
}
function App() {
return (
<div className="App">
{/* 使用组件,渲染组件 */}
{/* 自闭和 */}
<Button/>
{/*成对标签 */}
<Button></Button>
</div>
)
}
export default App;