我剛開始 React，我遇到了一個問題：當我運行這段代碼時，什么都沒有顯示。
const plantList = {
name: 'monstera',
category: 'classique',
id: '1ed',
isBestSale: true
};
function Notes(){
plantList.map((plant) => (
<li key={ plant.id }>
{plant.isBestSale ? <span>??</span> : <span>??</span>}
</li>
))}
export default Notes先感謝您
uj5u.com熱心網友回復：
plantList是一個物件，如果您想將多個植物放入其中并能夠映射到它，您可能希望將其放入一個陣列中。
const plantList = [{
name: 'monstera',
category: 'classique',
id: '1ed',
isBestSale: true
}];
您沒有從函陣列件回傳值。
function Notes(){
return (
<>
{plantList.map((p) => (p.isBestSale ? <span>??</span> : <span>??</span>))}
</>
);
}
uj5u.com熱心網友回復：
播放串列是一個物件。但是物件在js中是不可迭代的。如果你想迭代你需要讓它看起來像一個陣列
const plantList = [{
name: 'monstera',
category: 'classique',
id: '1ed',
isBestSale: true
}];
您需要從類/功能組件回傳任何內容以顯示
function Notes(){
return (
<>
{plantList.map((p) => (p.isBestSale ? <span>??</span> : <span>??
</span>))}
</>
)}
匯出默認筆記
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/475024.html
標籤：javascript 反应 功能 字典