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

相关推荐
JudithHuang1 分钟前
React 数据请求:TanStack Query
前端·react.js·前端框架
java_nnnn11 分钟前
JavaEE进阶-JavaScript初识
开发语言·前端·javascript·java-ee·ecmascript
变与不变80626 分钟前
JSON基础详解
前端·javascript
就叫年华吧丶1 小时前
长文档点目录定位总是不准?一个 content-visibility + 平滑滚动引发的连环坑(Vue3 实战)
前端·javascript·算法·vue
JudithHuang1 小时前
React 路由:React Router
前端·react.js·前端框架
赵得C1 小时前
创建 SVG 图标预览页面:从零实现到解决 CORS 问题
前端·javascript·html
光影少年2 小时前
RN与Flutter架构区别
前端·flutter·react native·react.js·架构·node.js
ljt27249606612 小时前
Vue笔记(九)--defineEmits
javascript·vue.js·笔记
FungLeo10 小时前
成为全栈·React 管理后台篇·总复盘:从“接口能调通”到“后台值得使用”
前端·react.js·前端框架·项目复盘·成为全栈
Mr_Mao16 小时前
告别选型困难!集 VueUse、ahooks、Mantine 于一身:286 个 Hook 的 ReaUse 来了
前端·javascript·react.js