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

相关推荐
姜糖编程日记几秒前
C++——初识(2)
开发语言·前端·c++
丶乘风破浪丶6 分钟前
Vue项目中判断相同请求的实现方案:从原理到实战
前端·javascript·vue.js
why技术7 分钟前
如果让我站在科技从业者的角度去回看 2025 年,让我选一个词出来形容它,我会选择“vibe coding”这个词。
前端·后端·程序员
worxfr9 分钟前
CSS Flexbox 布局完全指南
前端·css
0思必得09 分钟前
[Web自动化] JS基础语法与数据类型
前端·javascript·自动化·html·web自动化
Hy行者勇哥11 分钟前
JavaScript性能优化实战:从入门到精通
开发语言·javascript·性能优化
Dreamcatcher_AC16 分钟前
前端面试高频问题解析
前端·css·html
Irene199120 分钟前
JavaScript 常见算法复杂度总结(大O表示法)
javascript·算法
damo王27 分钟前
how to install npm in ubuntu24.04?
前端·npm·node.js
光影少年28 分钟前
Vue 2 / Vue 3 diff算法
前端·javascript·vue.js