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

相关推荐
两个西柚呀几秒前
每日前端面试题-防抖和节流
前端
阿眠7 分钟前
前端面试题
前端
清风徐来QCQ17 分钟前
SpringMvC
前端·javascript·vue.js
Smoothzjc18 分钟前
👉 求你了,别再裸写 fetch 做 AI 流式响应了!90% 的人都在踩这个坑
前端·人工智能·后端
沛沛老爹19 分钟前
Web开发者进阶AI:Agent技能设计模式之迭代分析与上下文聚合实战
前端·人工智能·设计模式
yong999026 分钟前
基于MATLAB的大变形悬臂梁求解程序
前端·数据库·matlab
Swift社区27 分钟前
ArkTS Web 组件里,如何通过 javaScriptProxy 让 JS 同步调用原生方法
开发语言·前端·javascript
小和尚敲木头28 分钟前
记录一次vue3中this引发的开发没有问题,生产发生问题的分析
前端·vue
TttHhhYy33 分钟前
小记,antd design vue的下拉选择框,选项部分不跟着滑动走,固定在屏幕某个部位,来改
前端·vue.js·sql
小二·34 分钟前
Python Web 全栈开发实战教程:基于 Flask 与 Layui 的待办事项系统
前端·python·flask