3 回答

TA貢獻(xiàn)1866條經(jīng)驗(yàn) 獲得超5個(gè)贊
如果要將整個(gè)數(shù)組呈現(xiàn)為文本,則需要解析它,并且來自a-kon的答案應(yīng)該可以完成工作。
但是,如果您想為每個(gè)帖子渲染一個(gè)元素(例如div),您也需要使用map函數(shù)。
return (
<div>
<h1>hello from Sales</h1>
{items.map((item) => (
<li key={item._id}>
<div className="container">
<p> Name: {item.name}</p>
<div>
<p>posts:</p>
{item.posts.map((post) =>(<div>
<span>id: {post._id} </span>
<span>price: {post.price}</span>
</div>))}
</div>
</div>
</li>
))}
</div>
);

TA貢獻(xiàn)1799條經(jīng)驗(yàn) 獲得超9個(gè)贊
看來你已經(jīng)熟悉地圖了,你可以再次使用它:
<p> posts: <ul>{item.posts.map(e => <li key={e._id}>price: {e.price}</li>)}</ul></p>

TA貢獻(xiàn)1784條經(jīng)驗(yàn) 獲得超2個(gè)贊
您正在嘗試在此處呈現(xiàn)一個(gè)數(shù)組:posts
<p> posts: {item.posts}</p> //React will not render this array of objects
不能呈現(xiàn)對象數(shù)組。但是您可以呈現(xiàn)它的 JSON 表示形式:<p> posts: {JSON.stringify(item.posts)}</p>
添加回答
舉報(bào)