在更新的日期范围内对Redux刷新数据做出反应的最佳实践

时间:2018-10-10 09:48:34

标签: javascript reactjs redux

我正在为新项目使用react-redux,并且正在寻求有关最佳实践的建议以进行以下操作。

我有一个包含2个组件的容器。

组件A,我将使用它来更新日期范围

组件B将从第一个组件开始显示日期范围已更新的数据。

因此,在组件A中,

  1. 我正在使用axios来调用我的API以更新日期

  2. 成功后,我将再次使用axios(在成功承诺内)调用API以重新获取数据(具有新的日期范围),并调用reducer来更新状态。

调用成功承诺中嵌套的API是错误的。有更好的方法吗?

我应该在组件A之外的其他地方调用刷新数据吗?喜欢动作?

对不起,这是一个菜鸟问题,但是试图让我了解redux架构。

1 个答案:

答案 0 :(得分:0)

不需要在组件B中再次调用API。您必须使用组件A和组件B的容器,并在组件A中的组件中更新日期后,将这些值保存在Redux存储中。并在组件b容器中,您会从状态获得更新的值,例如

const mapStateToProps = (state) => {
return {
    upadteData: state.upadteData,

}

}

和您刚刚使用的组件B

this.props.upadteData