组件介绍

组件是什么

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

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

// 用箭头函数也可以，主要是首字母大写
function Button() {
  return <button>按钮</button>;
}

export default function App() {
  return (
    <div>
      {/* 自闭合 */}
      <Button />
      {/* 成对标签 */}
      <Button></Button>
    </div>
  );
}