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

相关推荐
小天博客5 分钟前
向后端发起POST请求
开发语言·前端·javascript
艾小码10 分钟前
Pinia 入门:为什么说它是 Vuex 更具魅力的现代继任者?
前端·javascript·vue.js
不努力code11 分钟前
uniapp浮动面板-movable-area
前端·javascript·uni-app
小年糕是糕手15 分钟前
【C++】模板初阶
java·开发语言·javascript·数据结构·c++·算法·leetcode
谎言西西里8 小时前
JS 高手必会:手写 new 与 instanceof
javascript
wordbaby9 小时前
Expo 进阶指南:赋予 TanStack Query “原生感知力” —— 深度解析 AppState 与 NetInfo
前端·react native
天问一9 小时前
使用 Vue Router 进行路由定制和调用的示例
前端·javascript·vue.js
韩立学长11 小时前
【开题答辩实录分享】以《基于Vue的非遗文化知识分享平台的设计与实现》为例进行选题答辩实录分享
前端·javascript·vue.js
前端 贾公子12 小时前
Vue响应式原理学习:基本原理
javascript·vue.js·学习
飛67912 小时前
从 0 到 1 掌握 Flutter 状态管理:Provider 实战与原理剖析
开发语言·javascript·ecmascript