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

相关推荐
搬砖码8 分钟前
同源多标签页通信 4 种方案,从入门到生产环境
前端·面试
张元清11 分钟前
SSR 状态管理陷阱:defineStore vs defineContextStore
前端·javascript·面试
donecoding36 分钟前
nrm、corepack、npm registry 三者的爱恨情仇
前端·node.js·前端工程化
小gaigagi40 分钟前
从吉客云·奇门到MySQL的完整数据流
前端
悟空瞎说42 分钟前
用 Rust 开发 QML 桌面应用(第二篇)—— 日志系统完整搭建
前端
LIO43 分钟前
前端开发之Git 代码仓库管理详细教程
前端·git
软件开发技术深度爱好者1 小时前
前端网页开发三剑客快速入门
前端
openKaka_1 小时前
为什么 React 18 之后使用 createRoot,而不是 ReactDOM.render
前端·javascript·react.js
WindrunnerMax1 小时前
基于 Markdown-It 的无序列表折叠插件
前端·javascript·github
剑神一笑1 小时前
CSS Loading 动画生成器
前端·css