javascript - How to reset Redux Store using Redux-Toolkit - Stack Overflow

admin管理员组

文章数量:1425156

I am trying to reset current state to initial state. But all my attempts were unsuccessful. How can I do it using redux-toolkit?

const slice = createSlice({
  name: 'tweets',
  initialState: {
    byTweetId: {},
    byUserId: {},
    allTweetIds: [],
  },
  // reducers
  reducers: {
    // reset: (state) => Object.assign(state, initialState),
    tweetStoreReseted: (state) => {
      //here I need to reset state of current slice
    },
  },
});

I am trying to reset current state to initial state. But all my attempts were unsuccessful. How can I do it using redux-toolkit?

const slice = createSlice({
  name: 'tweets',
  initialState: {
    byTweetId: {},
    byUserId: {},
    allTweetIds: [],
  },
  // reducers
  reducers: {
    // reset: (state) => Object.assign(state, initialState),
    tweetStoreReseted: (state) => {
      //here I need to reset state of current slice
    },
  },
});

• javascript
• reactjs
• redux
• redux-toolkit

Share Improve this question Follow asked Jan 9, 2021 at 16:55 John JohnJohn John 1,50044 gold badges2323 silver badges4545 bronze badges

Add a ment  | 

4 Answers 4

Sorted by: Reset to default 4

Create a initial state separately and use that when you reset

const initialState = () => ({
    byTweetId: {},
    byUserId: {},
    allTweetIds: [],
});

const slice = createSlice({
    name: 'tweets',
    initialState: initialState(),
    reducers: {
        resetTweetStore: state => initialState()
    }
});

This should suffice

const slice = createSlice({
  name: 'tweets',
  initialState: initialState,
  reducers: {
     tweetStoreReseted: () => initialState()
  }
});

I tried many solutions I found on the web but none worked after trying it out. This is what I eventually found that worked:

const slice = createSlice({
  name: 'tweets',
  initialState: {
    byTweetId: {},
    byUserId: {},
    allTweetIds: [],
  },
  // reducers
  reducers: {
    // reset: (state) => Object.assign(state, initialState),
    tweetStoreReseted: (state) => {
         state.byTweetId= {};
         state.byUserId= {};
         state.allTweetIds= [];
    },
  },
});

Another case sample :

import { createSlice } from '@reduxjs/toolkit'

const initialState = {

    username : false,
    password : false

}

export const AuthSlice = createSlice({
    name: 'login',
    initialState,
    reducers: {
      
       setUsername: (state, action) => {
            state.username = action.payload
        },
        setPassword: (state, action) => {
            state.password = action.payload
        },
        resetLogin: () => initialState // this part is to reset
    }

})

export const { resetLogin,  setUsername, setPassword } = AuthSlice.actions

export default AuthSlice.reducer

本文标签： javascriptHow to reset Redux Store using ReduxToolkitStack Overflow