React组件基础

前端小趴菜052025-06-05 10:02

组件是什么？

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

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

react组件

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

定义组件

javascript 复制代码

//定义组件
const Buttoncom = ()=>{
  return <div>1111</div>
}

使用组件

javascript 复制代码

//项目根组件
function App() {
  return (
    <div className="App">
       {/* 成对标签 */}
       <Buttoncom></Buttoncom>

       {/* 自闭和标签 */}
      <Buttoncom/>
    </div>
  );
}