React组件基础

组件是什么?

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

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

react组件

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

定义组件
javascript 复制代码
//定义组件
const Buttoncom = ()=>{
  return <div>1111</div>
}
使用组件
javascript 复制代码
//项目根组件
function App() {
  return (
    <div className="App">
       {/* 成对标签 */}
       <Buttoncom></Buttoncom>

       {/* 自闭和标签 */}
      <Buttoncom/>
    </div>
  );
}
相关推荐
灵感__idea1 小时前
JavaScript高级程序设计(第5版):好的编程就是掌控感
前端·javascript·程序员
烛阴2 小时前
Mix
前端·webgl
代码续发2 小时前
前端组件梳理
前端
试图让你心动3 小时前
原生input添加删除图标类似vue里面移入显示删除[jquery]
前端·vue.js·jquery
陈不知代码3 小时前
uniapp创建vue3+ts+pinia+sass项目
前端·uni-app·sass
小王码农记3 小时前
sass中@mixin与 @include
前端·sass
陈琦鹏3 小时前
轻松管理 WebSocket 连接!easy-websocket-client
前端·vue.js·websocket
hui函数4 小时前
掌握JavaScript函数封装与作用域
前端·javascript
行板Andante4 小时前
前端设计中如何在鼠标悬浮时同步修改块内样式
前端
Carlos_sam4 小时前
Opnelayers:ol-wind之Field 类属性和方法详解
前端·javascript