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

相关推荐
zttbee26 分钟前
npm install卡顿
前端·npm·node.js
Amos_Web30 分钟前
Rspack 源码解析(二十七):AsyncWasmParserAndGenerator 如何把二进制变成异步模块
前端·rust
西红柿炖牛腩35440 分钟前
机房电脑不能联网,怎么离线把课件里的 3D 模型压小?Draco / Meshopt 参数清单
前端·javascript·3d·性能优化·大屏端
爱喝水的小周42 分钟前
实验十三 Vue 过渡与动画—电商后台消息中心实现
前端·javascript·vue.js
hunterandroid1 小时前
Navigation Component 工程落地:从单 Activity 架构到深度链接配置
android·前端
无责任此方_修行中1 小时前
如何不用括号调用 JS 的函数?
前端·javascript·node.js
kyriewen1 小时前
我数了 647 条大厂前端 JD:AI 不再只是加分项
前端·程序员·ai编程
无责任此方_修行中1 小时前
Deno 的八年:一场没逃出 Node 引力的运行时起义
前端·javascript·node.js
java1234_小锋1 小时前
【技术专题】HTML5 网页技术 - HTML5 语义化标签
前端·html·html5
涛涛ing1 小时前
2026年,你的JavaScript计数逻辑可以删了:CSS刚刚学会了自己数数
前端