如何使用 React.JS 做出 React List 的去重(unique)

React.JS 是一個用於構建用戶界面的 JavaScript 庫，它可以讓開發者更容易地構建高性能的網頁應用程序。在 React.JS 中，開發者可以使用 React List 來創建一個列表，但是如果想要將重複的項目去重，可以使用 unique 功能。

在 React.JS 中，可以使用 Array.prototype.filter() 方法來實現去重功能。Array.prototype.filter() 方法會接受一個函數作為參數，並將函數的返回值為 true 的項目保留下來，其他的項目則會被移除。

為了實現去重功能，可以使用 Set 來創建一個不包含重複項目的集合，然後將 Set 轉換為數組，就可以得到一個不包含重複項目的數組了。

下面是一個示例，展示了如何使用 Array.prototype.filter() 和 Set 來實現 React List 的去重功能：

const list = [1, 2, 3, 4, 5, 5, 6, 7, 8, 8, 9];

// 使用 Set 創建一個不包含重複項目的集合
const uniqueList = new Set(list);

// 將 Set 轉換為數組
const uniqueArray = Array.from(uniqueList);

// 使用 Array.prototype.filter() 方法將重複的項目移除
const filteredArray = uniqueArray.filter(item => list.indexOf(item) !== -1);

console.log(filteredArray); // [1, 2, 3, 4, 5, 6, 7, 8, 9]

上面的示例中，我們使用 Array.prototype.filter() 方法將重複的項目移除，並將結果保存到 filteredArray 中。

總結，使用 Array.prototype.filter() 和 Set 來實現 React List 的去重功能是一個非常簡單的方法，可以讓開發者更容易地構建高性能的網頁應用程序。