/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 vote228 views1 answer
My react router Dom learnings
Javascript React
1 vote203 views4 answers
Passing data in route react
Javascript React
0 vote179 views1 answer
React native pdf creater html-to-pdf
Javascript React
0 vote224 views1 answer
React native update helper
Javascript React
0 vote280 views1 answer
Show modal by using id in list react
Javascript React
0 vote236 views1 answer
React native header height
Javascript React
18 votes240 views3 answers
Add material ui to react
Javascript React
1 vote237 views1 answer
React native new project mac
Javascript React
0 vote206 views1 answer
Label tag alternative in react native
Javascript React
32 votes223 views2 answers
How to routing in react js
Javascript React