如何使用 Redux-Toolkit 重置 Redux Store

Question

我正在尝试将当前状态重置为初始状态。但是我所有的尝试都没有成功。我该如何使用 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
    },
  },
});

Answer 1

单独创建一个初始状态并在重置时使用它

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

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

Answer 2

这应该足够了

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

如何使用 Redux-Toolkit 重置 Redux Store

How to reset Redux Store using Redux-Toolkit

javascript

reactjs

redux

redux-toolkit