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

相关推荐
笨蛋不要掉眼泪2 分钟前
Redis主从复制:原理、配置与实战演示
前端·redis·bootstrap·html
bigdata-rookie6 分钟前
Starrocks 数据模型
java·前端·javascript
白帽子凯哥哥8 分钟前
网络安全Web基础完全指南:从小白到入门安全测试
前端·sql·web安全·信息安全·渗透测试·漏洞
RFCEO14 分钟前
前端编程 课程十四、:CSS核心基础2:选择器优先级 + 伪类选择器(解决冲突+交互效果)
前端·css·交互·css选择器优先级判断规则详解·css important使用·css链接伪类lvha顺序·实现悬浮交互效果
web打印社区15 分钟前
前端实现浏览器预览打印:从原生方案到专业工具
前端·javascript·vue.js·electron
yuezhilangniao19 分钟前
# 告别乱码:用FastAPI特性与Next.js打造类型安全的API通信
javascript·安全·fastapi
徐同保29 分钟前
vue.config.ts配置代理解决跨域,配置开发环境开启source-map
前端·javascript·vue.js
Hexene...1 小时前
【前端Vue】npm install时根据新的状态重新引入实际用到的包,不引入未使用到的
前端·vue.js·npm
2301_780669861 小时前
Vue(入门配置、常用指令)、Ajax、Axios
前端·vue.js·ajax·javaweb
码农幻想梦1 小时前
Vue3入门到实战【尚硅谷】
前端·vue