javascript - mapStateToProps 赋值的最佳实践

Question

我现在正在开发一个项目，其中涉及相当多的团队，并且变量初始化和传递到商店的地方有点困惑。

商店看起来主要是这样的。

const initialState = {
    myStoreData: null
}

export default (state) => {
    ...
    return state
}

然后，团队稍后在组件中编写如下内容。他们在其中引用了商店中初始化不良的变量，并在那里设置了 Prop 的值。

function mapStateToProps(state, ownProps){
  return {
    someValue: state.myStoreData.someValue || '',
    someOtherProperty: state.myStoreData.someOtherProperty || '',
    anotherProperty: state.anotherProperty || false, // NOTE: This one doesn't exist in the store for example
  };

是否有某种烘焙文章展示了有关保持应用程序初始状态的最佳位置的最佳实践，以及执行此类分配是否会引发错误，或者只是不必这样做的简单方法每次修改商店initialState？

对我来说，这似乎是在自找麻烦，但我仍然找不到支持我的文章

Answer 1

在reducer上有initialState是件好事，这样你就可以准确地知道要在你的状态中放入哪些属性和初始值。

关于mapStateToProps的高级用法，可以查看这篇文章React, Reselect and Redux 。它使用 reselect它非常高性能、高效且可组合。它非常适合 redux 中有大量状态的大型应用程序。

希望这有帮助。