redux 工具包 dipatching buildercase 两次操作

Question

我想弄清楚为什么在刷新期间调度操作会运行两次并且端点也被调用两次。

这是我的切片

extraReducers: (builder) => {
    builder.addCase(fetchAppointments.pending, (state, action) => {
      state.loading = true;
    });
    builder.addCase(fetchAppointments.fulfilled, (state, {payload}) => {
      state.loading = false;
      state.total = payload.total;
      state.dates = payload.dates;
      state.data = payload.data;
    });
    builder.addCase(fetchAppointments.rejected, (state, action) => {
      state.loading = false;
      state.total = {};
      state.dates = [];
      state.data = {};
    });
  },

在我的组件中，我是这样设置的

  const { apptDates } = useSelector<AppState>((state: any) => {
    return {
      apptDates: state.appt
    }
  });

  useEffect(() => {
    dispatch(fetchAppointments());
  }, [dispatch]);

关于为什么在 .network 选项卡中调度被调用两次并且端点被调用两次的任何想法？

Answer 1

如果你使用了 React 的<StrictMode>组件，所有useEffect都会在开发模式下运行两次。 这可能就是这里发生的事情。