在 Reactjs Redux Redux-thunk 中进行依赖 api 调用的正确方法是什么

Question

我想在第一次加载时在一个组件中显示数据。我有一个 API 调用，第二个 API 取决于第一个 API 响应。如何管理此调用顺序和错误处理？如果有人有示例链接，那对我来说非常好，因为我是 Reactjs 和 Redux 的新手。

Answer 1

我有一个例子。我进行了 2 个 API 调用。我需要注册一个用户（第一个请求）和他的合作伙伴。为了注册合作伙伴（第二次请求），我需要从first request response 获取the token，并在第二次请求时将其作为header 传递：

注册函数：

 const register = () => {

    const data = {
      eMail: email,
      password: password,
    };

    const partnerData = {
      firstName: firstName,
      lastName: lastName,
    };

    axios
      .post("/register", data)
      .then((firstResponse) => {
       //do sth
 
          return axios
            .post("/registerPartner", partnerData, {
              headers: { Token: firstResponse.data.token },
            })
            .then((secondResponse) => {
              history.push("/home");
              window.location.reload();
              return secondResponse.data;
            })
            .catch((error) => {
              console.log("Error in second request");
            });
       
      })
      .catch((error) => {
        console.log("Error in first request");
      });
  };