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

相关推荐
简单不容易16 小时前
【vue hooks】useScreenOrientation-获取屏幕方向并支持低版本系统
javascript·vue.js
巫山老妖16 小时前
多 Agent 协作实战:我用 3 只龙虾组了个「AI小分队」,效率直接翻倍
java·前端
DyLatte16 小时前
理性到最后,其实是一场下注
前端·后端·程序员
橘哥哥16 小时前
vue中读取静态配置文件中内容
前端·javascript·vue.js
废嘉在线抓狂.16 小时前
简易拆开即用的高性能计时器(C#)
前端·unity·c#
yuguo.im16 小时前
91 行代码实现一个打飞机游戏(HTML5 Canvas 版)
前端·游戏·html5·打飞机
前端小D17 小时前
面向对象编程
开发语言·javascript
从文处安17 小时前
「前端何去何从」一直写 Vue ,为何要在 AI 时代去学 React「2」?
前端·react.js
掘金者阿豪17 小时前
深入解读OpenClaw配置文件:一个现代化AI网关的全景洞察
前端
进击的尘埃17 小时前
GPU 合成层炸了,页面白屏——从 will-change 滥用聊到层爆炸的治理
javascript