/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 vote136 views2 answers
Hello world react
Javascript React
31 votes148 views1 answer
React router dom npm
Javascript React
13 votes138 views3 answers
ImageBackground in React Native
Javascript React
0 vote150 views2 answers
Sending props via navigate() of react router v6
Javascript React
5 votes152 views3 answers
How to open a new tab in react
Javascript React
6 votes157 views2 answers
React native activity indicator
Javascript React
1 vote141 views3 answers
Switch' is not exported from 'react-router-dom'
Javascript React
0 vote138 views1 answer
My react router Dom learnings
Javascript React
0 vote149 views1 answer
React native layout animation android
Javascript React
0 vote185 views1 answer
How to pass an id to the route of a seprate file react
Javascript React