/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

17 votes283 views4 answers
React native geolocation
Javascript React
6 votes278 views1 answer
React native data map is not a function
Javascript React
0 vote258 views1 answer
React native unexpected token '<'
Javascript React
3 votes194 views1 answer
React two way binding
Javascript React
0 vote209 views1 answer
Open xcode shorthand react native
Javascript React
2 votes273 views2 answers
Discord.js remove reaction
Javascript React
66 votes221 views6 answers
Routing react
Javascript React
0 vote245 views1 answer
React add link to button
Javascript React
0 vote245 views1 answer
Application/ld+json react
Javascript React
17 votes254 views3 answers
React canvas clear
Javascript React