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

相关推荐
李剑一22 分钟前
uni-app使用html5+创建webview,可以控制窗口大小、显隐、与uni通信
前端·trae
Hooray42 分钟前
2026年,站在职业生涯十字路口的我该何去何从?
前端·后端
小二·44 分钟前
Python Web 开发进阶实战:安全加固实战 —— 基于 OWASP Top 10 的全栈防御体系
前端·python·安全
over6971 小时前
🌟 JavaScript 数组终极指南:从零基础到工程级实战
前端·javascript·前端框架
社恐的下水道蟑螂1 小时前
深入掌握 AI 全栈项目中的路由功能:从基础到进阶的全面解析
前端·react.js·全栈
米诺zuo1 小时前
Angular 18 核心特性速查表
前端
源猿人1 小时前
前端批量请求的并发控制与工程化实践
javascript
hey_ner1 小时前
进度条图表简单化
前端·css·css3
苏西的网络日志1 小时前
前端项目缓存控制与自动版本检查方案实现
前端
小遁哥1 小时前
通过AI从零开发RN到在安卓手机上运行
前端·react native·cursor