如何在createSlice reducer中使用调度？

Question

例如，我有这个切片，我想在setUser中使用调度。我该怎么办？

const contactsSlice = createSlice({
  name: 'contacts',
  initialState: initialState,
  reducers: {
    setUsers: (state, { payload }) => {
      // I want to use dispatch here
      dispatch()
    },
    toggleFavorite: (state, { payload }) => {
      //
    },
    toggleCheck: (state, { payload }) => {
      //
    }
  }
})

Answer 1

您不能，在没有dispatch函数的情况下实现简化器。阅读reducers are。

相反，在React代码中添加逻辑：

useEffect(() => {
  dispatch(contactsSlice.actions.setUser());
  dispatch(loginSlice.actions.logicAction());
}, []);

或者，在目标切片中添加一个额外的reducer。

const contactsSlice = createSlice({
  name: "contacts",
  initialState: initialState,
  reducers: {
    setUsers: (state, { payload }) => {
      // setUsers logic
    },
  },
});

const loginSlice = createSlice({
  name: "login",
  initialState: initialState,
  extraReducers: {
    "contacts/setUsers": (state, { payload }) => {
      // Same logic
    },
  },
});

或编写dispatch下可用的createAsyncThunk，getState和thunkAPI等中间件。