我想創建一個函式或條件陳述句,您可以說它可以根據“如果用戶購買了產品”顯示不同的組件,然后顯示產品組件,否則顯示“只是一個簡單的文本,例如瀏覽或購買產品”。
<div>
<Bookscard />
</div>
所以這是我的組件,在組件內部正在映射購買的產品。我可以得到一個條件陳述句,它可以顯示這個組件(如果 user.courses 大于或等于 1 則顯示該組件,否則顯示一個文本)像這樣
uj5u.com熱心網友回復:
你可以試試這個:
<div>
{ user.courses.length > 0 &&
<Bookscard />
}
{ user.courses.length > 0 ||
<NoResults />
}
</div>
或者您可以通過以下方式與 && 保持一致:
<div>
{ user.courses.length > 0 &&
<Bookscard />
}
{ user.courses.length == 0 &&
<NoResults />
}
</div>
uj5u.com熱心網友回復:
加上@Antoine Baqain 的答案,您也可以使用三元運算子,如下所示:
<div>
{ user?.courses?.length > 0 ? <Bookscard /> : <NoResults /> }
</div>
轉載請註明出處,本文鏈接:https://www.uj5u.com/houduan/456169.html
標籤:javascript 节点.js 反应 mongodb 下一个.js
