最近我遇到了在 JSX 中需要重複顯示內容的情況。
具體用例是這樣的:我有一個評級從1到5的範圍,根據評級的值我想顯示相應數量的星星,從1顆到5顆。
於是我使用了下面這段代碼:
<p>
{[...Array(rating)].map(() => '⭐️ ')}
</p>
請注意,我在這裡使用了 JavaScript 的展開運算符 ...
來生成一個指定長度的數組。然後我使用 map
方法將內容設置為星星符號 '⭐️ '
。
這樣,根據評級的數值,即可重複顯示相應數量的星星。
希望對你有所幫助!