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来表示是个数组

相关推荐
icebreaker25 分钟前
Mokup:构建工具友好的可视化 Mock 工具
前端·javascript·后端
禾叙_42 分钟前
【netty】Channel
开发语言·javascript·ecmascript
简单Janeee1 小时前
[Vue 3 从零到上线]-第三篇:网页的指挥官——指令系统 (v-if, v-for, v-bind, v-on)
前端·javascript·vue.js
陈广亮2 小时前
告别 JSON.parse(JSON.stringify()) — 原生深拷贝 structuredClone
javascript
Trae1ounG2 小时前
这是json
前端·javascript·vue.js
叫我一声阿雷吧2 小时前
【JS实战案例】实现图片懒加载(基础版)原生JS+性能优化,新手可直接复现
开发语言·javascript·性能优化·js图片懒加载
前端程序猿i3 小时前
第 8 篇:Markdown 渲染引擎 —— 从流式解析到安全输出
开发语言·前端·javascript·vue.js·安全
css趣多多3 小时前
resize.js
前端·javascript·vue.js
熊猫钓鱼>_>3 小时前
【开源鸿蒙跨平台开发先锋训练营】Day20 React Native 鸿蒙开发全阶段大复盘:从零到一的跨越
react native·开源·react·harmonyos·鸿蒙·openharmony·native
3秒一个大4 小时前
深入解析 React 回到顶部(BackToTop)组件的实现与设计
前端·react.js·typescript