这篇文章主要介绍如何实现重置Redux状态数据的方法，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！
创新互联建站从2013年创立，是专业互联网技术服务公司，拥有项目成都网站制作、网站建设网站策划，项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命，1280元崇明做网站,已为上家服务,为崇明各地企业和个人服务,联系电话:028-86922220
在 Redux 使用过程中，通常需要重置 store 的状态，比如应用初始化的时候、用户退出登录的时候，这样能够避免数据残留，避免 UI 显示了上一个用户的数据，容易造成用户数据泄露。
最简单的实现方法就是为每个独立的 store 添加RESET_APP 的 action，每次需要 reset 的时候，dispatch 这个 action 即可，如下代码
const usersDefaultState = [];
const users = (state = usersDefaultState, { type, payload }) => {
switch (type) {
case "ADD_USER":
return [...state, payload];
default:
return state;
}
};添加 reset action 后：
const usersDefaultState = []
const users = (state = usersDefaultState, { type, payload }) => {
switch (type) {
case "RESET_APP":
return usersDefaultState;
case "ADD_USER":
return [...state, payload];
default:
return state;
}
};这样虽然简单，但是当独立的 store 较多时，需要添加很多 action，而且需要很多个 dispatch 语句去触发，比如：
dispatch({ type: RESET_USER });
dispatch({ type: RESET_ARTICLE });
dispatch({ type: RESET_COMMENT });当然你可以封装一下代码，让一个RESET_DATA 的 action 去触发多个 reset 的 action，避免业务代码看上去太乱。
不过本文介绍一种更优雅的实现，需要用到一个小技巧，看下面代码：
const usersDefaultState = []
const users = (state = usersDefaultState, { type, payload }) => {...}当函数参数 state 为 undefined 时，state 就会去 usersDefaultState 这个默认值，利用这个技巧，我们可以在 rootReducers 中检测 RESET_DATA action，直接赋值 undefined 就完成了所有 store 的数据重置。实现代码如下：
我们通常这样导出所有的 reducers
// reducers.js
const rootReducer = combineReducers({
/* your app's top-level reducers */
})
export default rootReducer;先封装一层，combineReducers 返回 reducer 函数，不影响功能
// reducers.js
const appReducer = combineReducers({
/* your app's top-level reducers */
})
const rootReducer = (state, action) => {
return appReducer(state, action)
}
export default rootReducer;检测到特定重置数据的 action 后利用 undefined 技巧 (完整代码)
// reducers.js
const appReducer = combineReducers({
/* your app's top-level reducers */
})
const rootReducer = (state, action) => {
if (action.type === 'RESET_DATA') {
state = undefined
}
return appReducer(state, action)
}以上是“如何实现重置Redux状态数据的方法”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注创新互联行业资讯频道！