/Javascript/React/React reset file input

React reset file input

Clear input file html react

e.target.value = null;

Source: stackoverflow.com

How to reset ReactJS file input

<input onChange={this.onChange} onClick={e => (e.target.value = null)} type="file" />

Source: stackoverflow.com

React reset file input

functionThatResetsTheFileInput() {
  let randomString = Math.random().toString(36);

  this.setState({
    theInputKey: randomString
  });
}

render() {
  return(
    <div>
      <input type="file"
             key={this.state.theInputKey || '' } />
      <button onClick={this.functionThatResetsTheFileInput()} />
    </div>
  )
}

Source: stackoverflow.com

Similar codes

4 votes240 views2 answers
Import reactdom
Javascript React
-2 votes262 views1 answer
Setting up a React Environment
Javascript React
0 vote223 views1 answer
React hooks link to external site new tab
Javascript React
-1 vote248 views1 answer
Command not found:create-react-app
Javascript React
0 vote232 views1 answer
Add Navbar to React Redux CRUD App
Javascript React
5 votes239 views2 answers
Remove underline from link i react
Javascript React
1 vote225 views1 answer
React list
Javascript React
0 vote219 views1 answer
React i18n with parameeter
Javascript React
0 vote272 views1 answer
How to get year in react
Javascript React
0 vote242 views1 answer
Auto refresh database in outsystems reactive
Javascript React