在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的定义: