/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

2 votes177 views2 answers
React native image swiper
Javascript React
0 vote213 views1 answer
Create react expo
Javascript React
1 vote178 views1 answer
React native scrollview sticky header
Javascript React
3 votes146 views1 answer
React native netinfo
Javascript React
6 votes187 views1 answer
React state management
Javascript React
0 vote201 views3 answers
Get url parameter in react js
Javascript React
0 vote194 views1 answer
How to add react.memo in export list
Javascript React
0 vote184 views1 answer
React fontawesome exchange icon
Javascript React
11 votes186 views2 answers
React must be in scope when using jsx
Javascript React
0 vote171 views1 answer
./node_modules/react-chartjs-2/dist/index.modern.js Module not found: Can't resolve 'chart.js/auto' in 'C:\Users\shadi\WebstormProjects\PI_HR_HUB\node_modules\react-chartjs-2\dist'
Javascript React