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

相关推荐
亿元程序员3 分钟前
Cocos视频拼图,拼图游戏的最后一块碎片,支持原生!
前端
Rabbit_QL5 分钟前
【前端工具链小白篇】前端工具链全景:Node、npm、Vite 各管什么
前端·npm·node.js
身如柳絮随风扬5 分钟前
前端基础进阶:Node.js + ES6 + Axios + Vue 全面入门指南
前端·node.js·es6
byoass8 分钟前
文件版本管理的设计与实现:解决协同编辑丢数据的核心方案
前端·javascript·网络·数据库·安全·云计算
yqcoder13 分钟前
前端性能优化基石:深入解析 CSS 雪碧图 (CSS Sprites)
前端·css·性能优化
身如柳絮随风扬13 分钟前
Vue项目搭建与实战:从vue-cli到vue-admin-template完整指南
前端·javascript·vue.js
最后一只小白22 分钟前
封装form表单
前端·javascript·vue.js
魔士于安23 分钟前
Unity类似博物馆场景
前端·unity·游戏引擎·贴图·模型
喜欢吃鱿鱼23 分钟前
vue 数字转千分位js
前端·javascript·vue.js
吴声子夜歌24 分钟前
Vue3——组件进阶
前端·javascript·vue.js