Reactjs 在React redux应用程序中计算派生数据的位置

Reactjs 在React redux应用程序中计算派生数据的位置,reactjs,redux,react-redux,Reactjs,Redux,React Redux,我正在使用一个应用程序,在这个应用程序中,我必须在渲染之前计算派生数据 Background:通常,我使用组件中的mapstatetops从API获取数据,并在组件内部执行所有操作 一旦我从API收到数据,我就必须映射它们。在没有进一步的API调用之前,不需要一次又一次地映射 那么,如果在下一次API调用之前不需要数据,那么操作数据的位置是什么呢 提前感谢在Redux中,负责计算派生数据的函数称为“选择器”。如中所述: 通常建议选择符与减缩符一起定义 并导出,然后在其他地方重新使用(例如在map

我正在使用一个应用程序,在这个应用程序中,我必须在渲染之前计算派生数据

Background:通常,我使用组件中的
mapstatetops
从API获取数据,并在组件内部执行所有操作

一旦我从API收到数据,我就必须映射它们。在没有进一步的API调用之前,不需要一次又一次地映射

那么,如果在下一次API调用之前不需要数据,那么操作数据的位置是什么呢


提前感谢

在Redux中,负责计算派生数据的函数称为“选择器”。如中所述:

通常建议选择符与减缩符一起定义 并导出,然后在其他地方重新使用(例如在mapStateToProps中) 函数,在异步动作创建者或sagas中)来对所有 代码,该代码了解 减速器文件

在性能方面,在任何状态发生变化时调用这些函数都不是一个好主意。有一个名为的库,它可以记忆(缓存)选择器输入的计算状态值,并在再次传递相同的选择器输入时返回相同的缓存状态。因此,基本上输入是被跟踪的,如果相同的输入重复,它们的缓存状态将再次返回,而无需重新计算


请参阅重新选择的用例和示例,不过我建议在应用程序出现性能问题之前不要使用重新选择。

在Redux中,负责计算派生数据的函数称为“选择器”。如中所述:

通常建议选择符与减缩符一起定义 并导出,然后在其他地方重新使用(例如在mapStateToProps中) 函数,在异步动作创建者或sagas中)来对所有 代码,该代码了解 减速器文件

在性能方面,在任何状态发生变化时调用这些函数都不是一个好主意。有一个名为的库,它可以记忆(缓存)选择器输入的计算状态值,并在再次传递相同的选择器输入时返回相同的缓存状态。因此,基本上输入是被跟踪的,如果相同的输入重复,它们的缓存状态将再次返回,而无需重新计算


请参阅“重新选择”的用例和示例,不过我建议在应用程序出现性能问题之前不要使用“重新选择”。

从您的问题中可以看出,您似乎希望在将数据存储到Redux状态之前,即从API获取数据之后,对其进行转换。在没有看到代码结构的情况下,很难给出建议。您可以
等待操作中的api调用,并将其转换为正确的形状,然后再将其交给reducer以存储在状态中。

从您的问题中可以看出,您似乎希望在从api获取数据之后,在将其存储到Redux状态之前对其进行转换。在没有看到代码结构的情况下,很难给出建议。您可以
在操作中等待
api调用,并将其转换为正确的形状,然后将其交给还原器以存储在状态