/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

3 votes362 views1 answer
Navigation react pass props
Javascript React
0 vote345 views1 answer
Setstate before function react
Javascript React
0 vote341 views1 answer
Render a react component only after API response is received
Javascript React
0 vote351 views1 answer
Testing library react hooks
Javascript React
0 vote338 views1 answer
Get nested value on object react using dot
Javascript React
-1 vote353 views4 answers
React cheat sheets
Javascript React
24 votes334 views3 answers
Set port in react app
Javascript React
-1 vote353 views1 answer
React native smart splash screen
Javascript React
5 votes341 views2 answers
Update react version
Javascript React
0 vote382 views1 answer
Remove duplicate value from map react js
Javascript React