react的自定义组件

复制代码
// 自定义组件(首字母必须大写)
function Button() {
  return <button>click me</button>;
}
const Button1=()=>{
  return <button>click me1</button>;
}


// 使用组件
function App() {
  return (
    <div className="App">
      {/* // 自闭和引用自定义组件 */}
      <Button />
      <Button1/>
      {/* // 成对标签引用 */}
      <Button></Button>
      <Button1></Button1>
    </div>
  );
}
export default App;

自定义组件 就是 自己创建一个首字母大写的function方法,引用的话就是自闭和标签或者成对的标签引用就行

userState

相关推荐
lili-felicity8 分钟前
React Native for Harmony 企业级 Grid 宫格组件 完整实现
react native·react.js·harmonyos
我是小疯子6622 分钟前
jQuery快速入门指南
前端
萌萌哒草头将军22 分钟前
Node.js 存在多个严重安全漏洞!官方建议尽快升级🚀🚀🚀
vue.js·react.js·node.js
程序猿的程22 分钟前
我用 stock-sdk 构建了一个个人专属的 A 股行情仪表盘
javascript·web前端
傻啦嘿哟24 分钟前
Python中的@property:优雅控制类成员访问的魔法
前端·数据库·python
这个图像胖嘟嘟34 分钟前
前端开发的基本运行环境配置
开发语言·javascript·vue.js·react.js·typescript·npm·node.js
北辰alk38 分钟前
Vue 自定义指令生命周期钩子完全指南
前端·vue.js
是小崔啊38 分钟前
03-vue2
前端·javascript·vue.js
学习非暴力沟通的程序员1 小时前
Karabiner-Elements 豆包语音输入一键启停操作手册
前端
Jing_Rainbow1 小时前
【 前端三剑客-39 /Lesson65(2025-12-12)】从基础几何图形到方向符号的演进与应用📐➡️🪜➡️🥧➡️⭕➡️🛞➡️🧭
前端·css·html