允许在切片上添加其他状态

import { createSlice } from '@reduxjs/toolkit';

const commonSlice = createSlice({
  name: 'common',
  initialState: {
    // other state properties
    resetting: false,
  },
  reducers: {
    resetCollectionData: (state) => {
      // reset data logic
    },
    resetCollectionDataStart: (state) => {
      state.resetting = true;
    },
    resetCollectionDataComplete: (state) => {
      state.resetting = false;
    },
  },
});

export const {
  resetCollectionData,
  resetCollectionDataStart,
  resetCollectionDataComplete,
} = commonSlice.actions;

export default commonSlice.reducer;

字符串
然后按如下方式使用

const YourComponent = () => {
  const dispatch = useDispatch();
  const resetting = useSelector((state) => state.common.resetting);

  useEffect(() => {
    dispatch(resetCollectionDataStart());
    dispatch(resetCollectionData());
    dispatch(resetCollectionDataComplete());

    return () => {
      dispatch(resetCollectionData());
    };
  }, [dispatch]);

  if (resetting) {
    return <div>Loading...</div>;
  }

  // Render your component

  return <div>Component Content</div>;
};

型