React Native Cannot read property ‘map‘ of undefined

学习React native开发中,自定义了一个组件,传参进来了一个数组tabList

想读取数组值的时候,tabList.map(item => item.component)一直报Cannot read property 'map' of undefined

后来发现,是无法直接识别tabList是个数组,需要先判断

可通过方法1:{(tabList || \[\]).map(e => e.component)},或一个空数组来表示是个数组

方法2:{tabList && tabList.length > 0 && tabList.map(item => item.component)},先判断数组长度大于0来表示是个数组

相关推荐
Patrick_Wilson2 小时前
从一次 Safari 白屏,聊聊 CDN 外置 React 的坑与前端监控盲区
前端·react.js·cdn
不简说2 小时前
拖拽DIY表格插件来了!sv-print 七月更新:这次真的能自己拼表格了
前端·javascript·前端框架
weixin_471383032 小时前
Next.js - 04 - 深入理解next.js渲染原理
前端·javascript·next.js
ssshooter3 小时前
小程序分包页面报 "has not been registered yet" 的隐蔽根因:一个动态 import 拖垮整个分包
前端·javascript·微信小程序
鹏多多3 小时前
Web浏览器后台离线通知方案实现以及兼容指南
前端·javascript·vue.js
yangmu32033 小时前
Vue3 响应式系统深度解析:从 Proxy 到依赖追踪
前端·javascript·vue.js
Asize3 小时前
Node path 与 fs 模块:从回调地狱到 async await 的异步进化
javascript·node.js
大家的林语冰5 小时前
😭 Electron 麻了,Deno 直接支持二进制应用,无需第三方桌面应用框架!
前端·javascript·node.js
Ivanqhz5 小时前
NFM(神经因子分解机)
开发语言·javascript·人工智能·算法·蓝桥杯
我是大卫6 小时前
【图】React源码解析-从底层数据结构、调度器、闭包原理到源码设计模式,深挖useState的全部核心机制
react.js·源码