/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 vote174 views1 answer
Retour a la ligne <p> react
Javascript React
0 vote138 views1 answer
How to put react compnent to bottom
Javascript React
6 votes92 views2 answers
React-router-dom get current route
Javascript React
1 vote169 views1 answer
React redux not updating
Javascript React
0 vote142 views1 answer
Disable key enter react-hook-form
Javascript React
131 votes353 views6 answers
Creating react app
Javascript React
0 vote239 views1 answer
Apache react deploy "conf"
Javascript React
3 votes146 views2 answers
React native animated sticker
Javascript React
0 vote183 views1 answer
Error metro bundler process exited with code 1 react native
Javascript React
1 vote143 views1 answer
React js empty build
Javascript React