如何使用Redux在组件之间共享状态?

时间:2019-08-02 09:45:51

标签: javascript reactjs ecmascript-6 redux react-redux

我有两个部分,父母和孩子。我想使用redux存储子组件的状态,并在父级或应用程序中的任何位置访问它。

有人可以帮我解决这个问题吗?谢谢

1 个答案:

答案 0 :(得分:1)

这个问题太笼统了,但是我会给你关于你需要做什么的一般想法。

  • 您将需要创建一个redux动作,并从子组件内部调度它。传递要存储的数据。

  • 您将需要创建一个减速器来处理此操作。它应该接收操作并将数据保存在存储中。它应该返回包含添加数据的状态的新副本。

  • 您将需要创建一个使用上面创建的reducer的商店。

  • 您将在树中拥有一个Provider组件,该组件将使用您在上面创建的商店。

  • 在父组件中,可以使用{{1}的connect参数,使用react-redux中的mapStateToProps方法访问存储在存储中的数据。 }。

可以随意发布有关上述任何步骤的更具体的问题。

详细了解redux和react-redux:

https://redux.js.org/introduction/core-concepts

https://react-redux.js.org/introduction/quick-start