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

Question

I worked on a tool that was in HTML and used JQuery for AJAX calls to run PHP scripts. But now the requirement is to use React JS and I am new to it. I dint find good document to see how to trigger PHP scripts using React JS. Is there any link or document which has examples of these? any help is highly appreciated.

     <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

You need to listen either on button click, or form submit... In example, event handler listens on form submit. Event handler prevents form from being sent. Instead, you should process data and send them to your PHP script (via Fetch API, AJAX call, ...)

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

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

Working example: https://jsfiddle.net/69z2wepo/34020/