/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 vote175 views1 answer
Return <Text> using if condition react native
Javascript React
1 vote268 views2 answers
Shadow on view in react natice
Javascript React
0 vote225 views1 answer
Multilone input react
Javascript React
0 vote129 views1 answer
React native change image color
Javascript React
0 vote195 views1 answer
How to add icon in react
Javascript React
0 vote203 views1 answer
Close all function of react in vscode mac
Javascript React
0 vote205 views2 answers
Remove state from location on page load in react router dom
Javascript React
3 votes186 views1 answer
Render image url in react native
Javascript React
1 vote128 views1 answer
Add class to react children
Javascript React
0 vote178 views2 answers
Add typescript to react-native
Javascript React