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

React: 函数式组件如何使用props

背景

函数式组件本质上是一个函数,既然是函数就可以接收参数,通过这种形式来接收props

代码

如图所示,在Person组件中传递来3个属性:name,sex,age,React会将这些属性处理成一个对象传递到函数式组件的形参中,在函数式组件打印props,结果如下:

添加上参数类型限制,完整代码:

总结

组件三大核心属性:refs,state,props,在函数式组件可以直接使用props,但是想使用refs和state需要借助hooks

相关文章:

  • VSCode在代码处显示提交记录
  • 如何去除谷歌的人机身份验证
  • git修改用户名及邮箱
  • git撤销commit 并保存之前的修改
  • git merge和git rebase区别
  • git rebase实战操作
  • mac系统如何更改用户名及头像
  • internal/modules/cjs/loader.js:883 throw err;
  • Node: 001全局对象和模块化-如何给node传递参数?
  • Node: mysql学习笔记001
  • Node: MySQL学习笔记002
  • yarn错误The engine “node“ is incompatible with this module
  • Node: 001全局对象和模块化-常见的全局对象
  • node:快速启动一个列表服务器
  • vscode左下角git分支不见了(已解决)
  • 时间复杂度分析经典问题——最大子序列和
  • [rust! #004] [译] Rust 的内置 Traits, 使用场景, 方式, 和原因
  • 《剑指offer》分解让复杂问题更简单
  • Javascript弹出层-初探
  • jdbc就是这么简单
  • jquery ajax学习笔记
  • Making An Indicator With Pure CSS
  • Netty 4.1 源代码学习:线程模型
  • SegmentFault 2015 Top Rank
  • Theano - 导数
  • 算法-图和图算法
  • 网页视频流m3u8/ts视频下载
  • 问题之ssh中Host key verification failed的解决
  • 我感觉这是史上最牛的防sql注入方法类
  • 湖北分布式智能数据采集方法有哪些?
  • 积累各种好的链接
  • # 执行时间 统计mysql_一文说尽 MySQL 优化原理
  • #vue3 实现前端下载excel文件模板功能
  • #微信小程序:微信小程序常见的配置传值
  • (阿里巴巴 dubbo,有数据库,可执行 )dubbo zookeeper spring demo
  • (简单) HDU 2612 Find a way,BFS。
  • (解决办法)ASP.NET导出Excel,打开时提示“您尝试打开文件'XXX.xls'的格式与文件扩展名指定文件不一致
  • (强烈推荐)移动端音视频从零到上手(上)
  • (三)模仿学习-Action数据的模仿
  • (原創) 如何將struct塞進vector? (C/C++) (STL)
  • (转) 深度模型优化性能 调参
  • (轉貼) 蒼井そら挑戰筋肉擂台 (Misc)
  • .bat批处理(九):替换带有等号=的字符串的子串
  • .NET 使用 ILRepack 合并多个程序集(替代 ILMerge),避免引入额外的依赖
  • .NET/C# 解压 Zip 文件时出现异常:System.IO.InvalidDataException: 找不到中央目录结尾记录。
  • .net操作Excel出错解决
  • .NET轻量级ORM组件Dapper葵花宝典
  • //解决validator验证插件多个name相同只验证第一的问题
  • @ConfigurationProperties注解对数据的自动封装
  • @modelattribute注解用postman测试怎么传参_接口测试之问题挖掘
  • @SuppressWarnings(unchecked)代码的作用
  • [ARM]ldr 和 adr 伪指令的区别
  • [Avalon] Avalon中的Conditional Formatting.
  • [C# 网络编程系列]专题六:UDP编程
  • [C++11 多线程同步] --- 条件变量的那些坑【条件变量信号丢失和条件变量虚假唤醒(spurious wakeup)】