/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

33 votes139 views3 answers
React routes
Javascript React
15 votes117 views2 answers
React native location
Javascript React
0 vote137 views1 answer
React native keyboard event listener
Javascript React
2 votes122 views1 answer
React array find index
Javascript React
1 vote184 views1 answer
React native run ios select simulator
Javascript React
6 votes190 views2 answers
React native spinner
Javascript React
7 votes127 views3 answers
How to update a state with an array react
Javascript React
0 vote132 views1 answer
React-native-dropdown-picker for form react native
Javascript React
1 vote177 views1 answer
React site warning: The href attribute requires a valid address. Provide a valid, navigable address as the href value jsx-a11y/anchor-is-valid
Javascript React
1 vote128 views1 answer
React router base url
Javascript React