React 使用store时,无法初始化

在React使用store进行数据的发布订阅时,设置分页组件的的current和pageSize,当在当前模块中切换到第二页时,再切换到其他模块,current仍保持在第二页,没有对数据进行初始化。

在reducer中的定义如下:

app1:

import actionTypes from '../actions/nas-clients/actionTypes';
const defaultState = {
   current: 1,
   pageSize: 5,
}
export default (state = defaultState, action) => {
    if (action.type === actionTypes.CURRENT_PAGE) {
        let newState = JSON.parse(JSON.stringify(state)) //深度拷贝state
        newState.current = action.value
        return newState;
    }
    if (action.type === actionTypes.PAGE_SIZE) {
        let newState = JSON.parse(JSON.stringify(state)) //深度拷贝state
        newState.pageSize = action.value
        return newState;
    }
    return state
}

在分页组件发生变化时,去发布pageSize和current,从而值发生变化

table的定义:


                
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值