TypeError: Cannot read properties of undefined (reading 'map')

微信截图_20211123113744.png

原因:调用map的对象是 undefined,初始化第一次渲染的时候异步数据返回之前checkarr是undefined。
解决办法:对checkarr进行判断

import React from "react"
class Welcome extends React.Component {
    render() {
        return (
            <div className="list">
                <ul>
                    {
                        this.props.checkarr&&this.props.checkarr.map( (item,index) =>{
                        return (
                            <li key={item}> --{item}--- </li>
                        )
                    })
                    }
                </ul>

            </div>
        )
    }
}
export default Welcome;


©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 出现以下错误,说通俗点就是三层表达式a.b.c,在对象a中没有对象b,那么读取对象a.b.c中的值,自然会报错。如...
    橙_知足常乐阅读 4,667评论 0 1
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,712评论 1 45
  • 前端开发面试题 面试题目: 根据你的等级和职位的变化,入门级到专家级,广度和深度都会有所增加。 题目类型: 理论知...
    怡宝丶阅读 2,608评论 0 7
  • 前端开发面试题 <a name='preface'>前言</a> 只看问题点这里 看全部问题和答案点这里 本文由我...
    自you是敏感词阅读 786评论 0 3
  • <a name='html'>HTML</a> Doctype作用?标准模式与兼容模式各有什么区别? (1)、<...
    clark124阅读 3,554评论 1 19