我为POST和GET操作创建了切片-

export const getAllAnnotationType = createAsyncThunk<IGetAllAnnotationType>(
  "annotationType/getAll",
  async (annotationType, { rejectWithValue }) => {
    try {
      const response = await Services.get("/globalAnnotationTypes");
      return response.data.slice().reverse() as IGetAllAnnotationType;
    } catch (err) {
      const error = err as any;
      return rejectWithValue(error?.response?.data);
    }
  }
);

export const createAnnotationType = createAsyncThunk<
  ICreateAnnotationType,
  { name: string; des: string }
>("annotationType/create", async (annotationType, { rejectWithValue }) => {
  try {
    const { name, des } = annotationType;
    const response = await Services.post("/globalAnnotationTypes", {
      name,
      des,
    });
    return response.data as ICreateAnnotationType;
  } catch (err) {
    const error = err as any;
    return rejectWithValue(error?.response?.data);
  }
});

我为这两个操作创建了一个公共切片。
我把它们用在我的React组件里，就像这样-

useEffect(() => {
    switch (typeLoader) {
      case 'pending':
        setLoader(true);
        break;

      case 'succeeded':
        if (getAllData) {
          dispatch(resetAnnotationType());
          setLoader(false);
          setRows(getAllData);
        }
        if (createData) {
          showToast();
          dispatch(getAllAnnotationType());
          setNoticeMsg(createData);
        }
        break;

      case 'failed':
        showToast();
    }
  }, [typeLoader]);

我正在寻找更优化的方式来使用他们在React组件。在未来，我将有删除和放置操作，我将不得不使用更多的条件内'成功'状态。任何其他方式我可以做到这一点？