Taro中的reducer怎么创建
原创
Taro中的reducer怎么创建：
第一步：新建reducers文件件
第二步：新建入口文件index.js,内容如下：
import { combineReducers } from 'redux'
// import counter from './counter'
export default combineReducers({
// counter
})第三步：创建reducer中的分支，本实例为counter，代码如下：
import { ADD, MINUS } from '../constants/counter'
const INITIAL_STATE = {
num: 0
}
export default function counter (state = INITIAL_STATE, action) {
switch (action.type) {
case ADD:
return {
...state,
num: state.num + 1
}
case MINUS:
return {
...state,
num: state.num - 1
}
default:
return state
}
}
counter本质是一个函数，第一个参数为state，也就是默认值 ，函数体本质就是一个switch条件语句，根据传入不同的action返回不同的值，action通常有两个属性 type与payload。
结论仔细观察一下reducers的建立，一个reducer分支，一个入口函数，在入口函数中，通过混合函数的功能，将所有分支组合成一个综合的reducers综合对象，然后导出。
下一步做什么呢，用reducers构建store。
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
评论
登录后参与评论
推荐阅读