Redux 操作错误必须是普通对象

Question

我正在 React 上测试 Redux，当我在控制台中运行 npm 运行 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')
);

我做错了什么？

Answer 1

您正在将一个函数分派到商店，而它应该是一个对象。尝试使用这个 store.dispatch(increment())

Answer 2

Store.dispatch 只接受一个对象作为参数。你在这里给出的是一个函数。改用这个 store.dispatch(increment());

Redux 操作错误必须是普通对象

Error on Redux Actions must be plain objects

javascript

flux

reactjs

redux