/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 vote227 views1 answer
React native cannot make request on localhost
Javascript React
63 votes230 views6 answers
React router install
Javascript React
0 vote284 views1 answer
Props with ternary in react
Javascript React
0 vote250 views1 answer
[Design System React] App element is not defined. Please use Settings.setAppElement(el)
Javascript React
0 vote280 views1 answer
How to use rgba in react native
Javascript React
4 votes252 views3 answers
React link underline
Javascript React
0 vote280 views1 answer
Storybook react router
Javascript React
0 vote277 views1 answer
React check if mobile or desktop
Javascript React
0 vote251 views1 answer
Cannot find module react scripts
Javascript React
2 votes270 views1 answer
Lifecycles if reactjs
Javascript React