javascript - 如何在创建 React 组件时为其初始化 Redux 状态？

Question

我有一个带有它呈现的组件的路由(使用 React-Router)。每次打开此路由并创建其组件时，我都需要重置该组件中使用的 Redux 状态的某些部分(实际上是一个 reducer 的状态)。这个 reducer 在应用程序的其他一些部分共享，所以我使用 Redux 状态而不是本地组件的状态。那么如何在每次创建组件时重置 reducer 的状态呢？我想知道执行此操作的最佳实践。

我想如果我在 componentDidMount 方法中调度 Action ，之前的状态会闪烁几秒钟。

我可以调度操作以在组件的构造函数中重置一些 reducer 的状态吗？

有没有更好的方法？我可以以某种方式在 connect() 函数中设置初始状态，因此每次创建组件时都会重置状态？我检查了文档，但我找不到这方面的一些论据。

Answer 1

是的，您可以在构造函数中调度操作以更改 reducer 状态

constructor(prop){
    super(prop);
    prop.dispatch(action);
}

您可以尝试的另一种方法是设置默认 Prop ，这样您就不需要调用 reducer(dispatch action)

ButtonComponent.defaultProps = {
  message: defaultValue,
};