/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 vote240 views1 answer
React native sovrapporre immagini
Javascript React
0 vote185 views1 answer
React throttle render
Javascript React
0 vote206 views2 answers
Subdomain react app
Javascript React
0 vote180 views1 answer
When an aqueous solution of AgNO3 is mixed with an aqueous solution of (NH4)2CrO4, a precipitation reaction occurs. For this reaction, a) Write the molecular equation.
Javascript React
17 votes198 views3 answers
Reducer react
Javascript React
1 vote209 views1 answer
Module not found: Can't resolve 'C:\Users\{user}\Documents\React apps\{app-name}\node_modules\react-scripts\node_modules\babel-loader\lib\index.js'
Javascript React
0 vote180 views1 answer
Enzynme not support react 17
Javascript React
0 vote251 views3 answers
Create react app theme_color
Javascript React
1 vote182 views2 answers
How to render react native app under the status bar
Javascript React
0 vote186 views1 answer
React regions
Javascript React