/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

1 vote321 views1 answer
How to remove name in react navigation header
Javascript React
1 vote356 views2 answers
React js alert popup example
Javascript React
0 vote324 views1 answer
Why my favicon icon is not removing in react
Javascript React
0 vote363 views2 answers
Module not found: Error: Can't resolve 'crypto' react
Javascript React
-1 vote327 views1 answer
React native list view
Javascript React
0 vote704 views5 answers
Prototype react
Javascript React
1 vote286 views1 answer
React native cannot make request on localhost
Javascript React
0 vote334 views1 answer
How to disable keyboard calender input in material ui datepicker reactjs
Javascript React
0 vote339 views1 answer
Module not found: Can't resolve 'jquery' in react
Javascript React
1 vote350 views3 answers
React native SafeAreaView
Javascript React