我想根據變數為真或假來呈現組件。目前，條件為真，但組件根本沒有渲染。
這是我的代碼：
<div className={styles.container}>
{array.map(item => {
router.query.slug != item ? <Component /> : null;
})}
</div>
我的控制臺在條件下回傳 truerouter.query.slug != item那么我錯過了什么？
謝謝
uj5u.com熱心網友回復：
如果使用block語法，則需要指定 return 關鍵字。了解有關箭頭函式的更多資訊
試試這個方法。
例子：
<div className={styles.container}>
{array.map(item => {
return (router.query.slug != item ? <Component /> : null)
})}
</div>
uj5u.com熱心網友回復：
您缺少從 map 函式回傳組件。
這是與您的問題相匹配的示例：
解決方案1
<div className={styles.container}>
{array.map(item => {
return router.query.slug != item ? <Component /> : null;
})}
</div>
解決方案 2 單行
<div className={styles.container}>
{array.map(item => router.query.slug != item ? <Component /> : null)}
</div>
您可以map在此處閱讀有關函式的資訊。
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/354009.html
標籤：javascript 反应 jsx