【发布时间】:2022-01-18 17:23:16
【问题描述】:
我开始学习 React + Redux ,我正在做一个简单的应用程序来添加或删除一个计数器。
但是我在减速器上有一个问题。我尝试了很多没有结果的事情......
提前致谢:)
这是我的代码:
减速器:
import * as actionTypes from "../actions/actionTypes"
const counterReducer=(state=0,action)=>{
let newState;
switch (action.type) {
case actionTypes.INCREASE_COUNTER:
return (newState=state+action.payload);
case actionTypes.DECREASE_COUNTER:
return (newState=state-action.payload);
case actionTypes.INCREASE_BY_TWO_COUNTER:
return (newState=state+action.payload);
default:
return state;
}
};
export default counterReducer;
reducer 的连接(我知道不是没用,但是以后要结合reducer):
import { combineReducers } from "redux";
import counterReducer from "./counterReducer";
const reducers=combineReducers({
counterReducer
});
export default reducers;
index.js:
import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import reportWebVitals from './reportWebVitals';
import configureStore from './redux/reducers/configureStore';
import {Provider} from "react-redux";
const store=configureStore
ReactDOM.render(
<React.StrictMode>
<Provider store={store}>
<App />
</Provider>
</React.StrictMode>,
document.getElementById('root')
);
【问题讨论】:
-
您可以尝试
export default combineReducers({...});,而不是将其分配给常量。我以前见过这个错误。
标签: reactjs redux react-redux reducers redux-reducers