如何在子主题中添加/修改Redux框架选项

npm install redux

import { createStore } from 'redux';
import rootReducer from './reducers'; // 导入根reducer

const store = createStore(rootReducer);

// 定义action类型
const ADD_OPTION = 'ADD_OPTION';

// 定义action创建函数
export const addOption = (option) => ({
  type: ADD_OPTION,
  payload: option,
});

// 定义初始状态
const initialState = {
  options: [],
};

// 定义reducer函数
const optionsReducer = (state = initialState, action) => {
  switch (action.type) {
    case ADD_OPTION:
      return {
        ...state,
        options: [...state.options, action.payload],
      };
    default:
      return state;
  }
};

export default optionsReducer;

import { connect } from 'react-redux';
import { addOption } from './actions';

const MyComponent = ({ options, addOption }) => {
  // 使用options和addOption
};

const mapStateToProps = (state) => ({
  options: state.options,
});

const mapDispatchToProps = {
  addOption,
};

export default connect(mapStateToProps, mapDispatchToProps)(MyComponent);