Actions must be plain objects. Use custom middleware for async actions.

羊舌青青
2023-12-01

这个问题网上有很详细的解释,这里我只说下我引起这个问题的原因。


我将Redux中的actoin封装到一个函数中后,在组件的一个方法中使用这个函数:

const getChangeInputValueAction = (value) => {
  type: CHANGE_INPUT_VALUE,
  value
};

handleInputChange(e) {
  const action = getChangeInputValueAction(e.target.value);
  store.dispatch(action);
}

然后就报错了,经过调试之后,发现我封装action时,ES6的语法打错了…
以至于const action = getChangeInputValueAction(e.target.value);这段代码得到的action变成了undefined

所以我的代码报这个错误的原因是:dispatch传了个值为undefined的参数

上面的getChangeInputValueAction箭头函数后面少些的一个圆括号,正确的写法如下:

const getChangeInputValueAction = (value) => ({
  type: CHANGE_INPUT_VALUE,
  value
});

仅供参考~

END!

 类似资料:

相关阅读

相关文章

相关问答