如何在两个或更多减速器之间共享只读状态

Question

我需要从两个或更多Reducer访问用户可编辑状态。 有没有办法访问由另一个减速器控制的状态而不通过动作的有效负载将其传递给减速器？ 我想避免让每个操作都将用户设置发送给reducer。

州

{
  userSettings: {
    someSetting: 5
  },
  reducer1State: {
    someValue: 10 // computed with userSettings.someSetting
  },
  reducer2State: {
    someOtherValue: 20 // computed with userSettings.someSetting
  }
} 

从reducer1我想得到userSettings.someSetting使用类似如下的东西：

function update(state={}, action) {
  if (action.type === constants.REDUCER_1.CALCULATE) {
    return _.assign({}, state, {
      someValue: 2 * GETSTATE().userSettings.someSetting
    });
  }
...

我不想像这样从动作发送userSettings：

export function calculate(userSettings) {
  return {
    type: constants.REDUCER_1.CALCULATE,
    userSettings: userSettings
  };
}

Answer 1

Redux的一个重要规则是，如果可以从其他状态计算数据，则应该尽量避免将数据置于状态，因为这会增加获取不同步数据的可能性，例如臭名昭​​着的未读消息计数器告诉你，如果你真的没有，你有未读的消息。

您可以使用Reselect创建在connectStateToProps函数中使用的memoized选择器，而不是在reducer中使用该逻辑，以获取派生数据，例如：

const getSomeSettings = state => state.userSettings.someSetting;
const getMultiplier = state => state.reducer1.multiplier;

const getSomeValue = createSelector([getSomeSettings, getMultiplier],
    (someSetting, multiplier) => {

});

const mapStateToProps(state) => {
    return {
        someValue: getSomeValue(state)
    }
}

const MyConnectedComponent = connect(mapStateToProps)(MyComponent);