/Javascript/React/React-drag-drop-files open twice

React-drag-drop-files open twice

//Put it in a function (worked for me)
function DragDrop() {
  const [file, setFile] = useState(null);
  const handleChange = file => {
    setFile(file);
  };
  return (
    <FileUploader 
        handleChange={handleChange} 
        name="file" 
    />
  );
}

//And call it e.g.
return (
	...
    <DragDrop/>
    ...
)

Similar codes

3 votes323 views3 answers
How to remove global react-native-cli package
Javascript React
2 votes309 views1 answer
React nginx returns 404 after reload
Javascript React
2 votes299 views2 answers
How to host a react website
Javascript React
0 vote304 views1 answer
Hide component blur react hooks
Javascript React
3 votes246 views1 answer
React two way binding
Javascript React
0 vote321 views1 answer
Add pdf in react app
Javascript React
0 vote312 views1 answer
Zeamster examples react node
Javascript React
0 vote369 views1 answer
Show uploaded image in react/nextjs
Javascript React
0 vote342 views1 answer
Get lat and long from address in react js
Javascript React
0 vote294 views1 answer
Shallow render in react
Javascript React