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

reactJS的props.children.map函数来遍历会收到异常提示,为什么?应该如何遍历?

在reactJS 中 props.children 不一定是数组
有三种可能 :
1当前组件没有子节点数据类型就是undefined,
2有一个子节点数据类型就是object 。
3 有多个子节点的时候才会是array ,只有在多个节点的时候才可以直接调用map方法,react资深提供了一个react.children.map()方法,可以安全遍历子节点对象。

相关文章:

  • Elasticsearch 2.3.3 搜索引擎的elasticsearch-jdbc插件安装
  • Redux中同步 action 与异步 action 最大的区别是什么
  • setTimeout和setInterval的区别
  • shell脚本编程
  • 数组常用的处理方法 map,forEach,filter, every,some, set, concat, find 等
  • 阿里云自定义监控配置实例
  • Import 和 link引入的区别
  • 菜鸟如何才能快速提高自己的编程技术
  • css使子元素在父元素居中的各种方法/ 子元素居中有哪些方案
  • display:inline-block的用法
  • IE盒模型和W3C盒模型有什么不同?
  • 400多万微信用户如何“变现”?凯叔说了五大秘诀与教训
  • 分别封装添加事件和移除事件的函数,用以解决兼容性问题
  • 缓存、加载、检查、状态
  • 写一个function,清除字符串前后的空格
  • 「译」Node.js Streams 基础
  • 0x05 Python数据分析,Anaconda八斩刀
  • JavaSE小实践1:Java爬取斗图网站的所有表情包
  • Laravel5.4 Queues队列学习
  • maven工程打包jar以及java jar命令的classpath使用
  • node-sass 安装卡在 node scripts/install.js 解决办法
  • Rancher-k8s加速安装文档
  • sessionStorage和localStorage
  • Spring Cloud Alibaba迁移指南(一):一行代码从 Hystrix 迁移到 Sentinel
  • underscore源码剖析之整体架构
  • 阿里云前端周刊 - 第 26 期
  • 观察者模式实现非直接耦合
  • 技术发展面试
  • 前端相关框架总和
  • 浅析微信支付:申请退款、退款回调接口、查询退款
  • 通过git安装npm私有模块
  • 物联网链路协议
  • 详解移动APP与web APP的区别
  • Play Store发现SimBad恶意软件,1.5亿Android用户成受害者 ...
  • raise 与 raise ... from 的区别
  • 阿里云服务器购买完整流程
  • 你学不懂C语言,是因为不懂编写C程序的7个步骤 ...
  • ​​​​​​​​​​​​​​Γ函数
  • #常见电池型号介绍 常见电池尺寸是多少【详解】
  • #多叉树深度遍历_结合深度学习的视频编码方法--帧内预测
  • #考研#计算机文化知识1(局域网及网络互联)
  • (2)关于RabbitMq 的 Topic Exchange 主题交换机
  • (3)选择元素——(14)接触DOM元素(Accessing DOM elements)
  • (done) NLP “bag-of-words“ 方法 (带有二元分类和多元分类两个例子)词袋模型、BoW
  • (Matalb时序预测)PSO-BP粒子群算法优化BP神经网络的多维时序回归预测
  • (八)五种元启发算法(DBO、LO、SWO、COA、LSO、KOA、GRO)求解无人机路径规划MATLAB
  • (二) Windows 下 Sublime Text 3 安装离线插件 Anaconda
  • (紀錄)[ASP.NET MVC][jQuery]-2 純手工打造屬於自己的 jQuery GridView (含完整程式碼下載)...
  • (南京观海微电子)——COF介绍
  • (三) diretfbrc详解
  • (三)mysql_MYSQL(三)
  • (十三)Maven插件解析运行机制
  • (转)MVC3 类型“System.Web.Mvc.ModelClientValidationRule”同时存在
  • (轉貼) 蒼井そら挑戰筋肉擂台 (Misc)
  • ***汇编语言 实验16 编写包含多个功能子程序的中断例程