/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

61 votes306 views6 answers
Reactjs router
Javascript React
0 vote343 views1 answer
Render blaze in react
Javascript React
4 votes334 views3 answers
Get params in react router dom v6
Javascript React
0 vote335 views1 answer
Eject expo app to android and react native
Javascript React
0 vote363 views1 answer
React native datepicker disable future dates
Javascript React
5 votes348 views1 answer
React native break line text if too big
Javascript React
1 vote301 views1 answer
React native onpress show component
Javascript React
-2 votes334 views2 answers
React native margin
Javascript React
0 vote342 views1 answer
React native dynamic style
Javascript React
0 vote312 views1 answer
React component will mount new method
Javascript React