如何解决Redux操作上的错误必须是普通对象
我在React上测试Redux,当我在控制台中运行npm run start时,我得到了提到的错误消息,这是我的代码,在index.js文件中,由“ npx create-react-app”生成:
import {createStore} from 'redux';
const increment = ()=>{
return{
type:'INCREMENT'
}
}
const decrement =()=>{
return {
type:'DECREMENT'
}
}
const counter = (state = 0,action)=>{
switch(action.type){
case "INCREMENT":
return state + 1;
case "DECREMENT":
return state - 1;
}
}
let store = createStore(counter);
store.subscribe(()=>{
console.log(store.getState())
})
store.dispatch(increment);
ReactDOM.render(
<React.StrictMode>
<App />
</React.StrictMode>,document.getElementById('root')
);
我在做什么错了?
解决方法
您正在将一个函数分派到应该作为对象的商店。尝试使用此store.dispatch(increment())
Store.dispatch仅接受一个对象作为参数。您在这里提供的是一个功能。改用这个
store.dispatch(increment());
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。