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

相关推荐
梦6509 分钟前
【前端实战】图片元素精准定位:无论缩放,元素始终钉在指定位置
前端·html·css3
烟袅28 分钟前
一文搞懂 useRef:它到底在“存”什么?
前端·react.js
Knight_AL33 分钟前
Vue + Spring Boot 项目统一添加 `/wvp` 访问前缀实践
前端·vue.js·spring boot
前端er小芳40 分钟前
前端虚拟列表滚动功能实现与核心知识点详解
前端
wuhen_n40 分钟前
Promise状态机与状态流转
前端
3秒一个大41 分钟前
React 中的 useMemo 与 useCallback:性能优化的利器
前端·react.js
cj814042 分钟前
Node.js基本概念理解
前端·node.js
ohyeah42 分钟前
React 缓存三剑客:useMemo、useCallback 与 memo 的正确打开方式
前端·react.js
程序员爱钓鱼44 分钟前
Node.js 编程实战:JWT身份验证与权限管理
前端·后端·node.js
echo_e1 小时前
一文看懂 dumi 组件库发包与文档部署全流程!
前端