如何在redux store中组织应用程序状态？

// 导入必要的Redux函数和库
import { createStore, combineReducers } from 'redux';

// 定义子reducer函数
function counterReducer(state = 0, action) {
  switch (action.type) {
    case 'INCREMENT':
      return state + 1;
    case 'DECREMENT':
      return state - 1;
    default:
      return state;
  }
}

function userReducer(state = null, action) {
  switch (action.type) {
    case 'SET_USER':
      return action.payload;
    case 'LOGOUT':
      return null;
    default:
      return state;
  }
}

// 创建根reducer函数
const rootReducer = combineReducers({
  counter: counterReducer,
  user: userReducer,
});

// 创建store
const store = createStore(rootReducer);

// 在组件中连接到store并访问状态
import { connect } from 'react-redux';

function Counter({ counter }) {
  return <div>{counter}</div>;
}

function mapStateToProps(state) {
  return {
    counter: state.counter,
  };
}

const ConnectedCounter = connect(mapStateToProps)(Counter);