我在 react Hooks 中使用过滤器时遇到问题,我该如何解决这个问题?

卡吉香椿

我试图在 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方法代替filtermap

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

我在 react 中使用 axios post 时遇到问题

为什么打字稿抱怨过滤器,我该如何解决这个问题?

React Re-Render 导致闪烁:我该如何解决这个问题?

React Native - React Hooks - useState 不会立即更新我的状态

我将如何使用React Hooks替换withAuth()HOC?

使用 React Hooks 的问题

我在安装凉亭时遇到问题,如何解决?

React Hooks-我是否应该对不变的状态使用“ useState”?

我的状态没有使用React Hooks更新

react hooks为什么我的拖放项目被卡住?

尝试在 React Native 中将 mp3 文件作为参数传递,但出现错误。我该如何解决这个问题?我正在使用 Expo-av 作为参考

React Hooks UseRef问题

我该如何解决这个问题?

我该如何解决这个问题?

我该如何解决这个问题?

在React上分解我的数据时遇到问题

当我使用 Hooks 在 React 中单击 h3 标签时如何循环组件

使用React Native Hooks

尝试在我的 React 应用程序中使用链接但遇到问题

我应该如何组织 React 项目以避免 react-hooks/exhaustive-deps

我该如何解决这个问题?让我烦了很久

我在使用react-saga-test-plan时遇到问题

我在使用 Dockerfile 构建 react 应用程序和 webpack 时遇到问题

我可以在React Hooks中使用箭头功能代替常规功能吗?

不能在我的React Component Library中使用Hooks。不变违规:无效的挂钩调用

我在抓取这个时遇到问题

为什么在使用 React Hooks 时我的尺寸没有在调整大小时更新

EmailJS + React Hooks +'preventDefault'的问题

useEffect EventListener问题REACT HOOKS