TypeError: Cannot read properties of undefined (reading 'name') reactjs

Question

前端代码：

{

(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 对象上的图片：

Answer 1

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

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

有了这个，相反，这会起作用，因为你在访问它之前正在检查，当你尝试 .filter() 或 .map() 时首先检查它是否为空，如果不为空则只能调用，否则会抛出错误

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

TypeError: Cannot read properties of undefined (reading 'name') reactjs

TypeError: Cannot read properties of undefined (reading 'name') reactjs

mongodb

node.js

express

reactjs

mern