如何在JSX中重複顯示一些內容

最近我遇到了在 JSX 中需要重複顯示內容的情況。

具體用例是這樣的：我有一個評級從1到5的範圍，根據評級的值我想顯示相應數量的星星，從1顆到5顆。

於是我使用了下面這段代碼：

1
2
3

<p>
  {[...Array(rating)].map(() => '⭐️ ')}
</p>

請注意，我在這裡使用了 JavaScript 的展開運算符 ... 來生成一個指定長度的數組。然後我使用 map 方法將內容設置為星星符號 '⭐️ '。

這樣，根據評級的數值，即可重複顯示相應數量的星星。

希望對你有所幫助！

tags: [“JSX”, “迴圈”, “星星”, “評級”]