/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

0 vote239 views1 answer
Reduce to calculate sum react
Javascript React
0 vote275 views1 answer
Reactjs lifecycle class components
Javascript React
0 vote243 views1 answer
Disable enter on input field react
Javascript React
0 vote259 views1 answer
Run react app in different port
Javascript React
0 vote297 views1 answer
React native application architecture
Javascript React
1 vote254 views1 answer
React waypoint loadmore not working
Javascript React
41 votes232 views5 answers
UseRef() in react
Javascript React
0 vote228 views1 answer
Testing library react hooks
Javascript React
0 vote234 views1 answer
React native firebase login with facebook
Javascript React
-1 vote251 views2 answers
How to connect react to backend
Javascript React