/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

1 vote306 views1 answer
Npx create react app Must use import to load ES Module error
Javascript React
0 vote296 views1 answer
Deploy react to azure : web.config
Javascript React
0 vote321 views1 answer
Route with parameter react not working not found
Javascript React
0 vote284 views1 answer
React native expo release apk
Javascript React
13 votes313 views1 answer
Reactjs useState() hook
Javascript React
-1 vote308 views1 answer
What is the use of consrtructors in reactjs
Javascript React
1 vote301 views2 answers
React Context API
Javascript React
0 vote319 views1 answer
React native skeleton
Javascript React
15 votes305 views1 answer
Reducer in react example
Javascript React
0 vote309 views1 answer
Format react code in visual studio code
Javascript React