添加.js

单击“+”按钮，在状态中不起作用。value

import { useDispatch } from "react-redux"
import { AddNumber } from "./action/index";
export const Add=()=>{
    const dispatch = useDispatch();
    return(
        <>
           <button onClick={() => dispatch(AddNumber())}>+</button>
        </>
    )
}

操作-〉索引.js

export const AddNumber =()=>{
    return{
        type:"increment"
    }
}

减速器-〉索引.js

import ChangeNumber from "./UpDown";

import { combineReducers} from "redux"

const rootReducer = combineReducers({
    counter: ChangeNumber
})

export default rootReducer;

减速器-〉updown.js

const initialState ={value:0};

const ChangeNumber = (state=initialState,action) =>{
    switch(action.type){
        case 'increment': return state.value + 1;
        case 'decriment': return state.value - 1;
        default:return state;
    }

}
export default ChangeNumber;

存储.js

import { configureStore } from '@reduxjs/toolkit'
import rootReducer from './reducer';
const Store = configureStore({ reducer: rootReducer })

export default Store;

索引.js

enter image description here

输入.js

enter image description here