无法在 React 中访问响应的数据属性

Question

我有两个页面，注册和status。从注册页面，我提交了一个表单，当我收到响应时，我想将它发送到状态页面并访问对象的一些属性。

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

    Axios.post("http://localhost:3001/register", {
        name : name,
        NID : NID,
        birth : birth,
        phone : phone,
        gender : gender,
        center : center,
        address : address
    }).then((response) => {
        console.log(response.data);
        setResponse(response.data.NID);
    });
    e.target.reset();
};

在 MySQL 数据库中每次 post 请求都成功。但是当我控制台记录 response.data 时，我没有得到数据属性。

后端：

    app.post("/register", (req, res) => {

  const name = req.body.name;
  const NID = req.body.NID;
  const birth = req.body.birth;
  const phone = req.body.phone;
  const gender = req.body.gender;
  const center = req.body.center;
  const address = req.body.address;

  db.query(
    "insert into register (name, NID, birth, phone, gender, center, address) values (?,?,?,?,?,?,?)",
    [name, NID, birth, phone, gender, center, address],
    (err, result) => {
      if (err) {
        res.send(err);
      } else {
        res.send(result);
      }
    }
  );
});

另外，在渲染 {response.data.name} 时出现错误。

Answer 1

您的后端返回什么？它只是一个 response.status 201 吗？身体是空的吗？ 您应该在 devtools 的 Network 选项卡中检查当您点击该端点时会发生什么。

HTTP 状态码：https://en.wikipedia.org/wiki/List_of_HTTP_status_codes

Answer 2

您记录的内容是您的服务器作为响应返回的内容。您需要在后端应用程序的响应中返回您需要的内容。因此，不是 res.send(result) 其中result 是数据库查询的结果，而是调用res.send 并使用您想要发送到前端的任何数据。

或者，如果您需要的是请求参数，只需等待请求成功（如您的代码示例中所示）并使用请求参数。 IE。而不是 setResponse(response.data.NID) 使用 setResponse(NID) - 您已经在代码示例中将“NID”作为变量。