我想在這段代碼中添加一個三元運算子。
{suggestedTags.length > 0 && (
<div className={classes.tagSuggestionWrapper}>
{suggestedTags.map((tag) => {
return (<div key={tag}
className={classes.tagSuggestion}
onClick={() => { selectTag(tag) }}>{tag}</div>
);
})}
</div>
)}
我將解釋原因：我不需要手動檢查 > 0，因為任何超過 0 的長度都是正確的
uj5u.com熱心網友回復：
下面的代碼使用三元：
${suggestedTags.length > 0 ? (
<div className={classes.tagSuggestionWrapper}>
{suggestedTags.map((tag) => {
return (<div key={tag}
className={classes.tagSuggestion}
onClick={() => { selectTag(tag) }}>{tag}</div>
);
})}
</div>
) : ''}
uj5u.com熱心網友回復：
關于什么：
Boolean(suggestedTags.length) && (<yourElement/>)
我認為不需要三元，除非在長度最終為 0 時必須渲染某些東西。
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/494992.html
標籤：javascript 反应
下一篇：在JS函式中分配多個不同的值