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 删除。