/Javascript/React/Reset form input react

Reset form input react

Reset form in react

<!-- you just need a button type of reset -->
<form>
  <div>
   <label for="name">Name</label>
   <input type="text" id="name" placeholder="name" />
  </div>
  <div>
   <label for="password">Password</label>
   <input type="password" id="password" placeholder="password" />
  </div>
  <button type="reset">Reset</button> 
  <button>Submit</button>
</form>

Source: stackoverflow.com

Reset form input react

cancelCourse = () => { 
  document.getElementById("create-course-form").reset();
}

render() {
  return (
    <form id="create-course-form">
      <input />
      <input />
      ...
      <input />
    </form>
  );
}

Similar codes

0 vote216 views1 answer
How can we update time in react js
Javascript React
0 vote202 views1 answer
A react component can only return]
Javascript React
14 votes222 views2 answers
React router link with params
Javascript React
7 votes242 views2 answers
Import a script to my react componetn
Javascript React
-1 vote242 views1 answer
React time picker
Javascript React
0 vote232 views1 answer
React router dom change default path
Javascript React
0 vote262 views1 answer
Create react app with vite
Javascript React
-1 vote236 views1 answer
This can also happen when the JS bundle is corrupt or there is an early initialization error when loading React Native.
Javascript React
4 votes206 views1 answer
React native radio buttons
Javascript React
1 vote435 views1 answer
Rendering, reconciliation and committing in react
Javascript React