如何从反应表单发出 2 个 POST 请求

Question

我已经制作了一个反应表单，并想使用表单数据向 webhook.site 发出发布请求。 如果我收到 200 状态代码，那么我想将表单数据发送到后端快速服务器以进行进一步操作。 我正在使用 axios 发出 POST 请求。 这是我的反应表单中的 axios 片段：

import React, { Fragment, useState } from "react";
import axios from "axios";

const Form = () => {
  const [candidate, setCandidate] = useState({
    fullName: "",
    phoneNumber: 0,
    email: "",
    gitProfile: "",
    linkToResume: "",
    designation: "",
    interest: "",
  });

  const onChange = e =>
    setCandidate({ ...candidate, [e.target.name]: e.target.value });

  const onSubmit = e => {
    e.preventDefault();

    axios
      .post("http://localhost:5000/", {
        candidate,
      })
      .then(res => {
        console.log(res, candidate);
      });
  };

目前我直接向后端发送数据。 我已经单独检查了 webhook.site 和后端的发布，代码工作正常。 但我想同时进行。 如果我在发布到 webhook.site 后得到 200 状态代码，那么我只想将表单数据发送到后端。

Answer 1

    axios
  .post("http://localhost:5000/", {
    candidate,
  })
  .then(res => {
    console.log(res, candidate);
   // Write your another post request here because if your first request return 200 statusCode  it will execute this function otherwise it will go catch function

  }).catch(error => { 
   // if your first request failed then it execute this function. Here you can get error message.
   console.log(error);  
   });

Answer 2

检查是否第一次 POST 返回状态 200，然后调用下一个请求。

axios
  .post("http://localhost:5000/", {
    candidate,
  })
  .then(res => {
    console.log(res, candidate);
    if (res.status === 200) {
      axios.post('/url', {data})
        .then(function (response) {
          console.log(response);
        })
        .catch(function (error) {
          console.log(error);
        });
    }
  }).catch(function (error) {
  console.log(error);
});