将 ReactJS 表单发送到 PHP 页面

Question

我有一个 ReactJS 表单，我应该发送到 PHP 页面，但是由于某种原因，当我提交表单时，页面转到 http://localhost:3000/ricevi.php?input21=a&input2_=b 并且页面刷新而不执行 PHP代码。

这是我编写的代码：

<form className="formoid-solid-red" action="ricevi.php" method="GET">
    <!-- inputs --->
    <input type="submit" value={this.state.can_send_btn} disabled={this.state.can_send}/>
</form>

注意：我正在使用 create-react-app 和 yarn start 来制作我的应用运行.

Answer 1

有两点需要注意：

您没有通过 React 处理表单提交，所以这个问题可能与 React 无关...如果您尝试这样做，您应该将事件侦听器附加到您的表单，以便它处理提交然后您可以从组件内创建对服务器的请求。

你可以在 React 文档中找到一些示例 https://reactjs.org/docs/forms.html#controlled-components

在这种情况下，您应该从您的 from 元素中删除 action 和 method 属性。

如果您不想这样做，那么您需要调试您的服务器并弄清楚 - 当您直接输入 url 时，您的服务器是否执行预期的代码，等等...

将 ReactJS 表单发送到 PHP 页面

Send a ReactJS form to a PHP page

reactjs

create-react-app