रिएक्ट फ़ेच पोस्ट अनुरोध

मुझे लगता है कि जिस तरह से आप ref का उपयोग कर रहे हैं पदावनत किया गया है। नीचे देखें कि क्या आपकी किस्मत अच्छी है।

export default class Form extends React.Component {
 constructor(props){
  super(props);
  this.handleSubmit = this.handleSubmit.bind(this);
 }

 handleSubmit(event){ 
  event.preventDefault();
  fetch('/', {
   method: 'post',
   headers: {'Content-Type':'application/json'},
   body: {
    "first_name": this.firstName.value
   }
  });
 };

 render () {
  return (
   
   <div id="signup">
    <form onSubmit={this.handleSubmit}>
        <input ref={(ref) => {this.firstName = ref}} placeholder="First Name" type="text" name="first_name"/><br />
        <input ref={(ref) => {this.lastName = ref}} placeholder="Last Name" type="text" name="last_name"/><br />
       <button type="Submit">Start</button>
    </form>
​
   </div>
​
  )
 }
}

यह रहा एक लिंक refs . के बारे में दस्तावेज़ों पर प्रतिक्रिया करने के लिए