我正在嘗試顯示在地圖函式內回傳的Noteitem組件。
{notes.map((note) => {
return (
<Noteitem key={note._id} updateNote={updateNote} showAlert={props.showAlert} note={note} />
);
})}
uj5u.com熱心網友回復：
notes應該是一個map函式作業的陣列。如果notes不是null并且是使用notes.length和應用map函式的陣列，您可以通過以下方式檢查它
{notes && notes.length && notes.map((note) => {
return (
<Noteitem key={note._id} updateNote={updateNote} showAlert={props.showAlert} note={note} />
);
})}
uj5u.com熱心網友回復：
您可以在 JSX 中放置 if/else 陳述句來檢查變數是否存在
return (
<>
{
notes.length
? 'fallback'
: notes.map(note => <Noteitem key={note._id} updateNote={updateNote} showAlert={props.showAlert} note={note} />)
}
</>
)
國際金融研究所
{(() => {
if ("check note") {
// fallback
}
return notes.map((note: NoteProps) => (
<Noteitem key={note._id} updateNote={updateNote} showAlert={props.showAlert} note={note} />
));
})()}
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/338055.html
標籤：javascript 反应