redux-actions handleActions未更改状态

Question

所以我有一堆鸭子风格的redux模块，看起来像这样：

import { createAction, handleActions } from 'redux-actions'

const SET = "error/SET"
const CLEAR = "error/CLEAR"

export default handleActions({
  SET: (error, action) => action.payload,
  CLEAR: (error, action) => ""
}, "")

export const setError = createAction(SET)
export const clearError = createAction(CLEAR)

然后，在reducers.js中，我这样做：

import error from './error'

export default combineReducers({
  error,
  ...
})

然而，当我发送(setError(“ERROR”))时，我在redux devtools中看到了操作，但状态没有改变

Answer 1

您正在将带有错误密钥的映射传递给handleActions。您不希望键是SET和CLEAR，而是它们的值(error/SET和error/CLEAR)。为此，您必须将它们括在方括号中：

export default handleActions({
  [SET]: (error, action) => action.payload,
  [CLEAR]: (error, action) => ""
}, "")