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

相关推荐
烬羽7 小时前
React Router v7 完全指南:一个 Demo 吃透前端路由
javascript·react.js·前端框架
烬羽8 小时前
React Router 嵌套路由:一个 `Outlet` 引发的布局思考
react.js·面试·前端框架
烬羽8 小时前
从"整个页面刷新"到"丝滑切换":手写一个 HashRouter 彻底搞懂前端路由
javascript·前端框架·全栈
用户938515635078 小时前
从零理解 React Router v6:每一个 API 都是怎么工作的
前端·javascript·全栈
kyriewen11 小时前
别再这样写条件渲染了——你的React组件里藏着这5种定时炸弹
前端·javascript·react.js
梦想CAD控件12 小时前
网页端CAD的图形选择、编辑与夹点操作教程
前端·javascript·node.js
月月大王的3D日记12 小时前
Three.js 入门系列(8):六种光源全解析 —— 关灯了,开光!
前端·javascript
自然 醒13 小时前
v-tooltip自定义指令封装
前端·javascript·vue.js
mONESY13 小时前
🎨 从零搭建 React + TypeScript + Vite 项目:以 Color Picker 为例,聊聊前端工程化的 model/api 分层架构
react.js
其美杰布-富贵-李15 小时前
第 10 篇:灯光与阴影
javascript·three.js