redux的数据在页面刷新的时候会变成初始化状态
将redux的数据存到本地存储可以实现避免这种情况
在reducers修改redux的时候将数据存储起来
/**
* reducer参数
* 1. 初始化state
* 2. actions
*/
import * as actionType from '../contents/msg';
let getMsg = JSON.parse(sessionStorage.getItem('msgData')) ? JSON.parse(sessionStorage.getItem('msgData')).msg : '';
let initState = {
msg: getMsg
};
export default function msg(state = initState, action) {
switch (action.type) {
case actionType.INITMSG:
sessionStorage.setItem('msgData', JSON.stringify(action.data));
return state = action.data
case actionType.UPDATAMSG:
sessionStorage.setItem('msgData', JSON.stringify(action.data));
return state = action.data
default:
return state
}
}
初始化redux的数据时初始化成本地存储的数据即可