javascript - 提交按钮后触发 PHP 脚本 - 使用 React js

Question

我开发了一个 HTML 格式的工具，并使用 JQuery 进行 AJAX 调用来运行 PHP 脚本。但现在的要求是使用React JS，而我对它是新手。我没有找到好的文档来了解如何使用 React JS 触发 PHP 脚本。是否有任何链接或文档包含这些示例？非常感谢任何帮助。

     <button type="button" class="btn btn-success" id = "button" value="submit"  >Submit</button>
  $('#button').click(function () { ..... }

 In react : 
 <button type="button"> <span> Submit </span>

Answer 1

您需要监听按钮单击或表单提交...例如，事件处理程序监听表单提交。事件处理程序阻止发送表单。相反，您应该处理数据并将它们发送到您的 PHP 脚本(通过 Fetch API、AJAX 调用...)

handleSubmit(event) {
    event.preventDefault();
    alert('Handle it on your own');
},

render() {
    return (
        <form onSubmit={this.handleSubmit}>
            <button type="submit">Submit</button>
        </form>
    )
}

工作示例:https://jsfiddle.net/69z2wepo/34020/