Redux 工具包可以将多个有效负载传递给操作吗？

Question

在 Redux 之前，我可以像这样传递有效载荷：

export const quizSetState = (answerState, results) => {
return {
    type: QUIZ_SET_STATE,
    answerState,
    results,
  };
};
case QUIZ_SET_STATE:
 return {
  ...state,
  answerState: action.answerState,
  results: action.results,
 };

但是如何在 Redux-toolkit 中实现

dispatch(quizSetState({ [answerId]: 'success' }, results));
   
quizSetState: (state, action) => {
  state.answerState = action.answerState;
  state.results = action.results;
}

我无法处理，而是派送了 2 次

quizSetAnswerState: (state, action) => {
   state.answerState = action.payload;
},
quizSetResultsState: (state, action) => {
   state.results = action.payload;
},

dispatch(quizSetAnswerState({ [answerId]: 'success' }));
dispatch(quizSetResultsState(results));

PS：我阅读了文档并且有预先回调

Answer 1

action.payload可以是一个包含你要设置的变量的对象，你可以试试这个：

quizSetState: (state, action) => {
  state.answerState = action.payload.answerState;
  state.results = action.payload.results;
}

dispatch(quizSetState({answerState: { [answerId]: 'success' }, results})

希望对您有所帮助！

Redux 工具包可以将多个有效负载传递给操作吗？

Redux toolkit can I pass several payloads to the action?

reactjs

redux-toolkit