前端代碼：
{
(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 物件的附加圖片：
uj5u.com熱心網友回復：
每當您嘗試訪問 json 物件時，請在呼叫方法或訪問屬性之前檢查它是否未定義或不替換此行，
<p><b>Author : {opps.postedBy.name}</b></p>
有了這個，相反，這將起作用，因為您在訪問它之前正在檢查，當您嘗試.filter()或.map()首先檢查它是否為空時，如果不是空則只呼叫，否則它會拋出錯誤
<p><b>Author : {opps.postedBy && opps.postedBy.name}</b></p>
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/359505.html