当前位置: 首页 > article >正文

react crash course 2024(3) jsx语法及组件

  1. 创建组件的文件结构
  2.  rafce创建组件内容
    const NavBar = () => {
      return (
        <div>NavBar</div>
      )
    }
    
    export default NavBar

  3. 使用该组件
     
  4. 组件传值
     

或者把props解构

 

设置默认值 

5.用自定义组件包裹一些元素 把他们传值

元素直接变成了参数被传进来


http://www.kler.cn/a/320198.html

相关文章:

  • C语言数据结构与算法(排序)详细版
  • 计算机二级-Java系列(Java的特点)
  • 【Rust自学】12.2. 读取文件
  • 1Hive概览
  • 【ROS2】数据记录(ros2 bag)详解
  • LabVIEW智能水肥一体灌溉控制系统
  • mysql数据库:超键、候选键、主键与外键
  • 百度营销转化追踪(网页JS布码)
  • [Oracle] ORA-04036: 实例使用的 PGA 内存超出 PGA_AGGREGATE_LIMIT
  • [AIGC实战]5分钟使用EAS一键部署MLLM多模态大语言模型应用
  • 如何去编写一个好的单元测试,通义灵码是如何快速生成单元测试?
  • 免费的高质量、美观的甘特图模板
  • 求二叉树的高度(递归和非递归)
  • 【排序算法】选择排序、堆排序
  • 【数据结构之线性表】有序表的合并(链表篇)
  • 论文笔记:基于共注意网络的多模态假新闻检测
  • 基于组网分割的超大规模设计 FPGA 原型验证解决方案
  • power bi制作各季度收入累加柱状图——日期表、calculate、datesytd
  • Windows内核编程基础(2)
  • Ubuntu 20.04安装CMake 3.1
  • go fiber 证书
  • C语言 | Leetcode C语言题解之第437题路径总和III
  • 深度学习:神经网络--手写数字识别
  • RocketMQ消息重试机制解析!
  • 优化java中 HashMap 的容量](capacity值)
  • pytest - 多线程提速