反模式：在Reducer中访问状态？如何处理相互依赖的reducer？

在Redux中，Reducer应该是一个纯函数，它只接收前一个状态和一个action，并返回一个新的状态。Reducer应该是无副作用的，也就是说它不能访问任何外部的状态，包括Redux Store中的状态。

如果在Reducer中访问状态，这是一个反模式，因为它会导致副作用和无法预测的行为。在Reducer中访问状态可能会导致循环依赖或递归调用，从而导致应用程序崩溃或陷入无限循环。

解决相互依赖的Reducer的一个常见方法是使用Redux中的combineReducers函数。combineReducers函数允许我们将多个reducer组合成一个单一的reducer。在这种情况下，每个reducer负责管理状态的一部分。

下面是一个示例，展示了如何使用combineReducers解决相互依赖的reducer：

import { combineReducers } from 'redux';

// 第一个reducer
function counter(state = 0, action) {
  switch (action.type) {
    case 'INCREMENT':
      return state + 1;
    case 'DECREMENT':
      return state - 1;
    default:
      return state;
  }
}

// 第二个reducer
function user(state = {}, action) {
  switch (action.type) {
    case 'SET_NAME':
      return { ...state, name: action.payload };
    case 'SET_AGE':
      return { ...state, age: action.payload };
    default:
      return state;
  }
}

// 使用combineReducers将多个reducer组合成一个
const rootReducer = combineReducers({
  counter,
  user
});

export default rootReducer;

在上面的示例中，我们定义了两个独立的reducer函数：counter和user。然后，我们使用combineReducers将它们组合成一个名为rootReducer的单一reducer。

使用combineReducers函数，每个reducer都只处理它们独立的一部分状态。这样就避免了相互依赖和循环依赖的问题。

注意：在使用combineReducers时，每个reducer只能管理它们自己的状态部分。如果需要访问其他reducer的状态，可以在组件中使用getState方法来获取整个状态树，或者使用Reselect库来选择和组合状态。