/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

8 votes227 views1 answer
Update object in react hooks
Javascript React
105 votes215 views1 answer
React simbu2013
Javascript React
1 vote221 views3 answers
Iframe in react
Javascript React
0 vote221 views1 answer
Exemple de modal reactjs
Javascript React
0 vote215 views1 answer
React import useCallBack
Javascript React
4 votes196 views4 answers
Deploy react app
Javascript React
0 vote238 views2 answers
Hello world react
Javascript React
3 votes205 views3 answers
Async await class component react
Javascript React
1 vote217 views1 answer
How to pass function as a props in react in functional components
Javascript React
0 vote222 views1 answer
React native qr code scanner
Javascript React