/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

17 votes167 views5 answers
How to run react native app
Javascript React
0 vote186 views2 answers
Sending props via navigate() of react router v6
Javascript React
2 votes164 views2 answers
Display image base64 in REACT NATIVE
Javascript React
0 vote207 views2 answers
Reactjs firebase timestamp to date
Javascript React
108 votes260 views2 answers
React start new app
Javascript React
10 votes214 views2 answers
Failed to compile ./src/App.js Module not found: Can't resolve 'react-router-dom
Javascript React
0 vote164 views1 answer
React-particles-js not working
Javascript React
0 vote170 views1 answer
Configure the Chrome debugger react
Javascript React
0 vote199 views1 answer
React password hashing
Javascript React
16 votes173 views3 answers
Start react native
Javascript React