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

相关推荐
CHU7290353 分钟前
一番赏爬塔闯关小程序前端功能玩法设计解析
前端·小程序
ℋᙚᵐⁱᒻᵉ鲸落3 分钟前
Vue3 分页加载避坑指南:如何解决“向下滚动时出现重复数据”的问题?
前端·vue.js
smchaopiao7 分钟前
理解HTML中的段落标签:功能与应用
前端·css·html
云原生指北11 分钟前
AI Agent 的代码执行沙箱:从容器到微虚拟机的隔离之道
前端
Fairy要carry1 小时前
面试-Agent Loop
前端·chrome
Surmon3 小时前
基于 Cloudflare 生态的 AI Agent 实现
前端·人工智能·架构
六月June June8 小时前
自定义调色盘组件
前端·javascript·调色盘
SY_FC8 小时前
实现一个父组件引入了子组件,跳转到其他页面,其他页面返回回来重新加载子组件函数
java·前端·javascript
糟糕好吃8 小时前
我让 AI 操作网页之后,开始不想点按钮了
前端·javascript·后端
陈天伟教授8 小时前
人工智能应用- 天文学家的助手:08. 星系定位与分类
前端·javascript·数据库·人工智能·机器学习