/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

-1 vote164 views1 answer
This can also happen when the JS bundle is corrupt or there is an early initialization error when loading React Native.
Javascript React
0 vote147 views1 answer
Put logo in qr code in react js qrcode.react
Javascript React
0 vote168 views1 answer
React bootsrap color picker
Javascript React
24 votes115 views6 answers
React native navigation
Javascript React
0 vote185 views1 answer
How to get key from a button in react
Javascript React
126 votes279 views4 answers
React app using npm
Javascript React
1 vote144 views1 answer
React place div at center of page
Javascript React
3 votes145 views3 answers
Update create react app
Javascript React
4 votes241 views3 answers
React native keystore
Javascript React
0 vote145 views2 answers
How to render a component multiple times in react
Javascript React