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

相关推荐
琹箐8 分钟前
Cursor 无法使用prettier格式化
前端
觉醒大王11 分钟前
如何整理文献阅读笔记? (精读与泛读)
前端·css·笔记·深度学习·自然语言处理·html·学习方法
广州华水科技25 分钟前
单北斗GNSS变形监测系统在水库安全监测中的应用与发展
前端
We་ct26 分钟前
LeetCode 58. 最后一个单词的长度:两种解法深度剖析
前端·算法·leetcode·typescript
夏河始溢29 分钟前
一八零、AG-UI:构建AI前端交互的统一协议
前端·人工智能·ui
m0_7408596240 分钟前
解决uniapp跳转页面警告:Extraneous non-props attributes ...
前端·javascript·uni-app
一行注释44 分钟前
ECharts柱状图横向展示与DataZoom滑动查看实现
开发语言·前端·javascript
踢球的打工仔1 小时前
typescript-类的访问权限public、private、protected
前端·javascript·typescript
Ulyanov1 小时前
Impress.js深度解析
开发语言·前端·javascript·css3·impress.js
编程大师哥2 小时前
JavaScript DOM
开发语言·javascript·ecmascript