Question

我正在使用React创建一个网站，其中一个步骤涉及创建一个事件。我创建了一个使用同构提取将步骤发布到API的步骤。

import fetch from "isomorphic-fetch";

export function createEvent(data) {
    console.log(data);
    return fetch("whatson/createEvent.php", {
        method: "POST",
        body: JSON.stringify(data),
        headers: {
            "Content-Type": "application/json"
        },
        redirect: "follow"
    }).then(response => {
        if (response.status >= 200 && response.status < 300) {
            alert("Success");
            console.log(response);
            return response;
        } else {
            console.log("Something went wrong");
            console.log(response);
        }
    });
}

我已经完成了响应，并说它是正常的，响应状态为200等，但是实际上没有任何内容添加到数据库中。

如果我使用发布的相同数据并在邮递员中调用相同的API地址，则可以正常工作，并且该数据已添加到数据库中，因此我相当有信心，它不是API本身，而与以上代码。

Answer 1

可能您需要return response.json()：

import fetch from "isomorphic-fetch";

export function createEvent(data) {
  console.log(data);
  return fetch("whatson/createEvent.php", {
    method: "POST",
    body: JSON.stringify(data),
    headers: {
      "Content-Type": "application/json"
    },
    redirect: "follow"
  }).then(response => {
    if (response.status >= 200 && response.status < 300) {
      alert("Success");
      return response.json();
    } else {
      console.log("Something went wrong");
      console.log(response);
    }
  }).then(json => console.log(json));
}

React同构提取未实际发布

1 个答案: