/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

28 votes169 views1 answer
Semantic ui dropdown value react
Javascript React
114 votes176 views3 answers
Run react app
Javascript React
3 votes278 views3 answers
Center element react native
Javascript React
1 vote172 views1 answer
How to check if url has hash in react
Javascript React
0 vote154 views1 answer
React native communicate with webview
Javascript React
1 vote102 views1 answer
Parent to child react state
Javascript React
0 vote157 views1 answer
Unrecognized font family 'feather' react native
Javascript React
18 votes145 views6 answers
React native build
Javascript React
1 vote145 views1 answer
React manifest.json 404 (not found)
Javascript React
0 vote162 views1 answer
Heroku buildpacks with react
Javascript React