/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

42 votes242 views3 answers
React onchange multiple functions
Javascript React
1 vote267 views1 answer
React native slow performance after load iamges
Javascript React
1 vote248 views1 answer
Document not intialized react js
Javascript React
0 vote255 views1 answer
Bottom shadow in react native
Javascript React
35 votes261 views6 answers
Create react app with tailwind
Javascript React
0 vote242 views1 answer
Floating button react
Javascript React
0 vote250 views1 answer
Input type disappear side scroll react
Javascript React
0 vote262 views1 answer
React native multiline cursor on first line
Javascript React
0 vote261 views2 answers
Sending props via navigate() of react router v6
Javascript React
0 vote230 views5 answers
Generate component react
Javascript React