我是 React 的初學者。我想根據注冊學生的數量更改徽章的顏色。有點像圖片上的。如果 item.registeredCount（注冊學生人數）=（item.capacity - 1）那么顏色將是紅色（例如 1/2、4/5、10/11 等），否則徽章的顏色將是綠色，因為容量不是半滿。如果 item.capacity = 1，則徽章的顏色將為綠色。
我的代碼：
<Col className="text-center">
<div>
<Badge
bg="danger">{item.registeredCount} / {item.capacity}
</Badge>
</div>
</Col>
uj5u.com熱心網友回復：
要解決您的問題，您可以使用三元運算子 ( Documentation ) 來選擇徽章的顏色。
<Badge bg={(item.registeredCount === item.capacity - 1) ? "green" : "danger"}>{item.registeredCount} / {item.capacity}
</Badge>
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/370886.html
標籤：javascript 反应 徽章
上一篇：如何在reactnativeexpo中將切換到功能組件的類組件更改為
下一篇：無法洗掉帖子的評論？