/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

140 votes436 views3 answers
React.js installation
Javascript React
9 votes287 views3 answers
React Hook "useState" is called in function "app" which is neither a React function component or a custom React Hook function react-hooks/rules-of-hooks
Javascript React
0 vote291 views1 answer
Pagination hook react
Javascript React
0 vote301 views1 answer
How to send data to another page in react from button
Javascript React
-2 votes287 views2 answers
Showdown react
Javascript React
1 vote322 views2 answers
Line break in react
Javascript React
0 vote247 views1 answer
Create react element with string
Javascript React
0 vote318 views1 answer
React native geocoding
Javascript React
1 vote316 views1 answer
React lottie player on hover
Javascript React
0 vote309 views1 answer
Reactstrap form post
Javascript React