web前端全系列 教程
1839个小节阅读:2244.1k
目录
鸿蒙应用开发
C语言快速入门
JAVA全系列 教程
面向对象的程序设计语言
Python全系列 教程
Python3.x版本,未来主流的版本
人工智能 教程
顺势而为,AI创新未来
大厂算法 教程
算法,程序员自我提升必经之路
C++ 教程
一门通用计算机编程语言
微服务 教程
目前业界流行的框架组合
web前端全系列 教程
通向WEB技术世界的钥匙
大数据全系列 教程
站在云端操控万千数据
AIGC全能工具班
A A
White Night
在一个应用中,只存在一个 store
仓库,但是状态会有很多个,所以我们可以创建多个 reducer
处理不同的状态
xxxxxxxxxx
// Actions
export function incrementAction(){
return{
type:"increment"
}
}
export function decrementAction(){
return{
type:"decrement"
}
}
xxxxxxxxxx
// Reducer
const initialState = {
count:0
}
export function countReducer(state = initialState,action){
switch(action.type){
case "increment":
let addState = Object.assign({},state);
addState.count ++;
return addState;
case "decrement":
let minState = Object.assign({},state);
minState.count --;
return minState;
default:
return state;
}
}
xxxxxxxxxx
// store
import { configureStore } from "@reduxjs/toolkit"
import { userReducer } from "./reducers/userReducers"
import { countReducer } from "./reducers/countReducers"
const store = configureStore({
reducer:{
user:userReducer,
count:countReducer
}
})
export default store