如何在 createAsyncThunk 上访问 Redux Toolkit 的当前状态

Question

所以我想在 state.formLogin 上访问我的状态的当前状态以存储在变量中 userCredentials 我怎样才能在 createAsyncThunk 上访问我的状态？

export const loginAsync = createAsyncThunk(
  "user/login",
  async () => {
    try {
      const { content } = await login(userCredentials);
      localStorageHelpers.setUserToken(content.token);
      localStorageHelpers.setUserId(content.userId);
      return content.userId;
    } catch (err) {
      console.log(err)
    }
  }
);

Answer 1

您可以通过调用 thunkAPI.getState() 来访问整个状态。参见 PayloadCreator

export const loginAsync = createAsyncThunk(
  "user/login",
  async (_, thunkAPI) => {
    try {
      // const state = thunkAPI.getState();
      const { content } = await login(userCredentials);
      localStorageHelpers.setUserToken(content.token);
      localStorageHelpers.setUserId(content.userId);
      return content.userId;
    } catch (err) {
      console.log(err)
    }
  }
);