与这个异步thunk混淆

Question

export const loginSuccess = createAsyncThunk(
  "auth/loginSuccess",
  async (user: User) => {
    const res = await api
      .post(
        "/auth/loginSuccess",
        { user },
        {
          withCredentials: true,
        }
      )
      .then((res: any) => {
        setAxiosToken(res.data.token);
        saveToken(res.data.token);
        return { ...res.data.data, token: res.data.token };
      });

    return res;
  }
);

最后有2个返回语句，因此我对满足的还原器将获得哪个返回值感到困惑。该代码是由其他人撰写的，这就是为什么我想理解它。

Answer 1

第二个返回语句是将从您的功能返回的语句。

第一个实际上是从然后从函数返回的承诺axios返回的函数。

通过在thunk函数中使用res变量的相同名称以及传递给然后函数的响应变量，这使它有些混乱。

但是，您将收到的是代码行中生成的对象：

{ ...res.data.data, token: res.data.token }

其中res.data.data被扩散到新对象中，res.data.token is分配给该对象的令牌属性。