如何在 createSlice reducer 中使用 dispatch？

Posted 2023-02-22

【中文标题】如何在 createSlice reducer 中使用 dispatch？

【英文标题】：How to use dispatch in createSlice reducer?

【发布时间】：2020-09-02 03:54:18

【问题描述】：

例如，我有这个 slice，我想在 setUser 中使用 dispatch。我该怎么做？

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

【参考方案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
    ,
  ,
);

或者编写一个中间件，例如createAsyncThunk、dispatch 和getState 函数在thunkAPI 下可用。