我试图在 react Hooks 中使用 filter 来过滤从 API 获取的状态数据,但我得到一个空数组作为输出。我该如何解决这个问题?以下是我的代码:
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 我得到状态值但在'console.log("Finally>>>", Testdata);' 我得到的输出是空数组。我该如何解决这个问题?
您需要在 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
链
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句