我在 React Hooks 中使用過濾器時遇到問題，我該如何解決這個問題？

Question

我嘗試在 react Hooks 中使用過濾器來過濾從 API 獲取的 state 數據，但我得到一個空數組，因為 output。我如何解決這個問題？

let FinalData = Data.filter((item) => item.district).map((item) => item.district);
let Testdata = District.filter((item) => item.title_ne === FinalData).map((item) => 
item.centroid.coordinates);
console.log("finaldata>>>", FinalData);
console.log("Districts>>>", District);
console.log("data>>>", Data);
console.log("Finally>>>", Testdata);

在每個 console.log 中，我得到 state 值，但在 'console.log("Finally>>>", Testdata);' 我得到 output 作為空數組。我該如何解決這個問題？

以下是我的 output：

Answer 1

您需要在 FinalData 數據中找到具有相同標題的標題項，您可以這樣做：

let FinalData = Data.filter((item) => item.district).map((item) => item.district);
let Testdata = District.reduce((all,item) => FinalData.some(title=>item.title_ne===title)?[...all,item.centroid.coordinates]:all,[]);
console.log("finaldata>>>", FinalData);
console.log("Districts>>>", District);
console.log("data>>>", Data);
console.log("Finally>>>", Testdata);

使用數組reduce方法代替filter和map鏈