title: ReactJS event.preventDefault(); is not a function
body: <p>I was trying to submit a form data, and my main requirement is that the entire page should not reload on the form submission. Hence i tried adding event.preventDefault(); in my form submit function, but it is giving me an error.</p>
  
  <p>I tried various solutions mentioned in various other stackoverflow answers, but none of them worked.</p>
  
  <pre><code>constructor(props){
      super(props);
      this.state = {
          rating:5,
          review:"",
          user:""
      }
      this.handleSubmit = this.handleSubmit.bind(this);
  }
  
  async handleChange(event) {
      const name = event.target.name;
      //console.log(name);
      this.setState({ [name]: event.target.value})
      //console.log(this.state);
    }
  
    handleSubmit(event,type,id) {
      const data = new FormData(event.target);
      alert(event);
      console.log("event",event);
      event.preventDefault();
      data.append("type",type)
      fetch('http://localhost:10000/movie/addreview/'+id, {
        method: 'POST',
        body: data,
      });
    }
  </code></pre>
  
  <p>Below is my form</p>
  
  <pre><code>&lt;form onSubmit={this.handleSubmit(this,type,id)} target="#"&gt;
                  &lt;div className="ratingfield"&gt;
                      &lt;h1 className="ratingtext"&gt;Enter Username &lt;/h1&gt; 
                      &lt;input name="user"  onChange={this.handleChange.bind(this)} value={this.state.user} className="input" size="10"&gt;&lt;/input&gt; 
                       &lt;/div&gt;
  
                       &lt;br/&gt;
                  &lt;br/&gt;
                  &lt;div className="ratingfield"&gt;
                      &lt;h1 className="ratingtext"&gt;Enter Rating from 1-10&lt;/h1&gt; 
                      &lt;input name="rating"  onChange={this.handleChange.bind(this)} value={this.state.rating} className="input" size="4"&gt;&lt;/input&gt; 
                       &lt;/div&gt;
  
                  &lt;br/&gt;
                  &lt;br/&gt;
  
                  &lt;center&gt;&lt;h1 className="new"&gt; Enter Review&lt;/h1&gt;&lt;/center&gt;
                  &lt;center&gt;&lt;textarea name="review" onChange={this.handleChange.bind(this)} className="message" rows="10" cols="50"&gt;&lt;/textarea&gt;&lt;/center&gt;
                  &lt;center&gt;&lt;input type="submit" className="sbtbtn"&gt;&lt;/input&gt;&lt;/center&gt;
    &lt;/form&gt;
  </code></pre>
  
  <p>Any solutions would be very helpful.</p>