/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 vote306 views1 answer
Document is not defined react router
Javascript React
0 vote361 views1 answer
React native get navigation bar height
Javascript React
0 vote381 views1 answer
React-template-helper
Javascript React
4 votes360 views4 answers
React background gradient
Javascript React
0 vote390 views1 answer
React native communicate with webview
Javascript React
21 votes359 views6 answers
React native vector icon
Javascript React
0 vote368 views1 answer
React native firebase community template
Javascript React
0 vote427 views1 answer
React native run on specific emulator
Javascript React
0 vote374 views1 answer
./src/components/Header/HeaderElements.js [1] Module not found: Can't resolve 'react-icons/fa' in '/Users/rubenmatamoros/Desktop/ucf-coding-bootcamp-2020/fitter/client/src/components/Header'
Javascript React
0 vote368 views3 answers
Github react hardhat nft marketplace application
Javascript React