reactjs - 长坐标数组中的 Redux 性能。我需要获取一个巨大数组上的所有坐标以在 map 中显示

Question

我遇到了问题，希望得到您的帮助!我正在使用库( https://github.com/transistorsoft/react-native-background-geolocation )跟踪汽车旅行，然后我每秒将当前位置状态存储在 redux 状态中。这会产生一个非常巨大的对象数组(数千个)，其中包含坐标、速度、高度等数据...这会导致性能问题(跟踪当前位置缓慢)...我需要按顺序在 map 中显示坐标了解他在其中时的所有骑行行程...您认为我需要将其存储在 redux 状态之外吗？

Answer 1

问题是您今天如何处理数据。如果您使用不变性(如 redux 所期望的那样)，那么我建议您使用 Immutable.js图书馆或类似的。否则，每次更改都意味着您必须更改整个数组。 Immutable.js 在这种方式上很聪明，因为它允许您更改它，而无需实际进行不必要的更改(在幕后)。

其次，确保您正在创建 pure components并且组件直接从存储中读取其坐标，而不是从父级传递属性(以避免不必要的重绘)。

另一个建议是让每个行程段独立成为一个 react 组件，只知道集合中的两个数据点。然后，该 react 组件仅在坐标发生变化时才会更新(考虑到之后不会更改任何数据点，因此永远不会更新)。

如果没有看到您的代码，您的问题可能没有“完美答案”。根据您提供的信息，我认为上述建议应该为您提供一些提高性能的选项。