/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

7 votes154 views2 answers
Import a script to my react componetn
Javascript React
2 votes134 views1 answer
Display image as big as possible react native
Javascript React
0 vote126 views1 answer
Ng-class equivalent in react
Javascript React
0 vote129 views1 answer
React overflow scroll
Javascript React
11 votes128 views2 answers
'React' must be in scope when using JSX react/react-in-jsx-scope
Javascript React
1 vote162 views3 answers
React native port
Javascript React
1 vote121 views1 answer
React list
Javascript React
1 vote139 views1 answer
How to redirect in ionic react
Javascript React
0 vote134 views1 answer
Font family react
Javascript React
0 vote137 views1 answer
Button color change loop in react
Javascript React