/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

0 vote355 views1 answer
Csv upload with react
Javascript React
66 votes353 views4 answers
How to redirect to a website in react
Javascript React
0 vote439 views1 answer
React native application architecture
Javascript React
0 vote375 views1 answer
React fetch request with content type x-www-form-urlencoded
Javascript React
0 vote367 views1 answer
React event for modals
Javascript React
0 vote396 views1 answer
Aframe react
Javascript React
0 vote383 views1 answer
How to set max length of input in react js
Javascript React
22 votes355 views4 answers
Npm react copy to clipboard
Javascript React
5 votes826 views1 answer
Inline z-index react
Javascript React
0 vote361 views1 answer
Usb react native device not found
Javascript React