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

相关推荐
mayaairi2 小时前
Vue2 组件通讯(三):全局事件总线、PubSub、插槽与组件实例属性
前端·javascript·vue.js
kyriewen2 小时前
面试官问我:AI 都能写代码了,前端凭什么还值 25K
前端·javascript·人工智能
BillKu3 小时前
全局样式变量:CSS 自定义属性(--border-color)和SCSS 变量($border-color)的说明
javascript·css·scss
默_笙4 小时前
❗ 给金鱼装记忆(上):从白板到笔记本,AI 的短期记忆生存指南
前端·javascript
兜里只有三分钱~4 小时前
翻卡_3D 的仪式感,和三个让它穿帮的写法
javascript·css·3d
mayaairi5 小时前
Vue2 组件通讯(四):v-model、scoped样式、mixins与plugins
前端·javascript·vue.js
前端炒粉5 小时前
DOM 常用 API 速查表
开发语言·javascript·ecmascript
星云API技术支持5 小时前
企业微信二次开发:如何建立统一的错误处理、日志与请求追踪机制
javascript·企业微信·ruby
一叶难遮天8 小时前
开启RN之旅——常用API
react native·rn api·移动端跨平台开发
mayaairi9 小时前
Vue2 组件通讯(二):ref、自定义事件与provide/inject实战
前端·javascript·vue.js