首页 > 解决方案 > react和API(nodejs)之间的通信

问题描述

我正在尝试从我的 API (nodejs) 中以一种简单的形式在反应中获取帖子。它很简单:

在我的 API 中,我有这个:

app.post("/api/register", (req, res) => {
        console.log("the nickname post is " + req.body.nickname);
    });

而我的反应形式:

class App extends Component {
  render() {
    return (
      <div>
        <form action="http://localhost:8080/api/register" method="post">
        <input type="text" name="nickname" /><br />
        <input type="submit" />
        </form>
      </div>
    );
  }
}

它说 nodejs 无法读取 property req.body.nickname。我可能没有得到什么,但我不知道是什么。

标签: node.jsreactjs

解决方案


从 W3 学校看来,表格应该是这样的 - 请注意您缺少 value 属性

<form action="/action_page.php" method="post">
  First name: <input type="text" name="fname"><br>
  Last name: <input type="text" name="lname"><br>
  <input type="submit" value="Submit">
</form>

推荐阅读