/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

-1 vote196 views1 answer
What is the use of consrtructors in reactjs
Javascript React
0 vote202 views1 answer
React looping hooks to display in other hook
Javascript React
-1 vote215 views1 answer
Convert create-react-app to typscript
Javascript React
9 votes226 views3 answers
React Hook "useState" is called in function "app" which is neither a React function component or a custom React Hook function react-hooks/rules-of-hooks
Javascript React
0 vote194 views1 answer
React navigation tabs up in keyboard
Javascript React
13 votes189 views1 answer
React js vs jsx
Javascript React
3 votes360 views2 answers
Center an element react native
Javascript React
0 vote194 views1 answer
React js child css
Javascript React
0 vote285 views1 answer
React grid generator
Javascript React
0 vote206 views1 answer
Standalone form inside reactive form
Javascript React