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

相关推荐
Hello.Reader37 分钟前
Elasticsearch JS 客户端子客户端(Child Client)实践指南
大数据·javascript·elasticsearch
拾光拾趣录41 分钟前
基础 | HTML语义、CSS3新特性、浏览器存储、this、防抖节流、重绘回流、date排序、calc
前端·面试
android大哥1 小时前
WeChatExtension-ForMac 微信小插件
javascript
小小小小宇1 小时前
前端监测用户卡顿之INP
前端
小小小小宇2 小时前
监测用户在浏览界面过程中的卡顿
前端
糖墨夕2 小时前
Nest 是隐藏的“设计模式大佬”
前端
孟陬3 小时前
HTML 处理以及性能对比 - Bun 单元测试系列
react.js·单元测试·bun
逾明3 小时前
Electron自定义菜单栏及Mac最大化无效的问题解决
前端·electron
辰九九3 小时前
Uncaught URIError: URI malformed 报错如何解决?
前端·javascript·浏览器
月亮慢慢圆3 小时前
Echarts的基本使用(待更新)
前端