TypeError：无法读取未定义的属性（读取“名称”）reactjs答案

【问题标题】：TypeError: Cannot read properties of undefined (reading 'name') reactjsTypeError：无法读取未定义的属性（读取“名称”）reactjs
【发布时间】：2021-12-28 03:22:56
【问题描述】：

前端代码：

{

(opp||[]).map(opps=>{
    return(
        <div className="card OppCard">
        <div className="card-body" >
            <h4>{opps.title}</h4>
            <p><b>Author : {opps.postedBy.name}</b></p>
            <p style={{ "margin": "0px" }}>Description : {opps.desc}</p>
            <p style={{ "margin": "0px" }}>Location : {opps.location}</p>
            <p style={{ "margin": "0px" }}>Experience Required : {opps.experience}</p>
            <p style={{ "margin": "0px" }}>Last Date to Apply : {opps.ld}</p>
        </div>
    </div>
    )
}) 
}

在<p><b>Author : {opps.postedBy.name}</b></p> 出现此行错误这是为 opps 对象附加的图片：

【问题讨论】：

你做opps.postedBy && opps.postedBy.name这会工作
@AshishKamble 未定义
@AshishKamble thnx 兄弟它成功了，你能解释一下吗

标签： node.js reactjs mongodb express mern

【解决方案1】：

每当您尝试访问 json 对象时，请在调用方法或访问属性之前检查它是否未定义替换这一行，

<p><b>Author : {opps.postedBy.name}</b></p>

相反，这将起作用，因为您在访问它之前正在检查，同样当您尝试.filter() 或.map() 首先检查它是否为空，如果不为空则仅调用，否则它将抛出错误

<p><b>Author : {opps.postedBy && opps.postedBy.name}</b></p>

【讨论】：