how to clear all slices in redux toolkit?

Question

I am using redux toolkit for app state management. I created 4 slices in it and I want to clear all the slices when user click logout button.

I know we can dispatch 4 methods to clear each slice, but is there a way that can clear the whole store.

What about reloading the whole page (`window.location.reload()`)? That seems more robust - there's no chance of preserving unwanted component or Redux state. — Josh Kelley, Mar 07 '23 at 04:14
Yes we can do it in web, but I want to clear it in react native app — NAZIR HUSSAIN, Mar 07 '23 at 04:33

score 0 · Answer 1 · answered Mar 07 '23 at 05:51

You can use the same action across multiple reducers with the extraReducers field in createSlice. https://redux-toolkit.js.org/api/createSlice

The following code example creates that action using createAction (but it could also be created by one of the four code slices).

const clearAction = createAction('clear');

const initialStateForSlice1 = { /* etc */ };

const slice1 = createSlice({
  initialState: initialStateForSlice1,
  reducers: { /* etc */ },
  extraReducers: (builder) => {
    builder.addCase(clearAction, () => initialStateForSlice1);
  }
});

const initialStateForSlice2 = { /* etc */ };

const slice2 = createSlice({
  initialState: initialStateForSlice2,
  reducers: { /* etc */ },
  extraReducers: (builder) => {
    builder.addCase(clearAction, () => initialStateForSlice2);
  }
});

// and so on for each slice

how to clear all slices in redux toolkit?

1 Answers1