React-Redux中actions

一、同步actions

1.概念

说明：在reducers的同步修改方法中添加action对象参数，在调用actionCreater的时候传递参数，数会被传递到action对象payload属性上。

2.reducers对象

说明：声明函数同时接受参数

const counterStore=createSlice({
    name:"counter",
    // 初始化状态
    initialState:{
        count:0
    },
    // 修改状态的方法 同步方法
    reducers:{
        addToNum(state,action){
            state.count+=action.payload
        }
    }
})
// 解构actionCreater函数
const {addToNum}= counterStore.actions
// 获取reducer
const reducer=counterStore.reducer

// 按需导出actionCreator
export {addToNum}

// 以默认导出的方式导出reducer
export default reducer

3.app.js

说明： 导入函数进行调用。

import { useDispatch, useSelector } from "react-redux";
import {addToNum} from "./store/modules/counterStore"
function App() {
  const {count}=useSelector(state=>state.counter)