/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 vote318 views1 answer
How to set limit in map in react hook
Javascript React
3 votes338 views2 answers
React native width auto
Javascript React
0 vote304 views1 answer
How to only register one click on nested component and not parent component in react js
Javascript React
64 votes360 views7 answers
React router
Javascript React
0 vote385 views1 answer
Invariant Violation: [React Intl] An `id` must be provided to format a message.
Javascript React
0 vote319 views1 answer
Yarn react-native-async-storage
Javascript React
0 vote335 views1 answer
React hero slider
Javascript React
26 votes356 views6 answers
React js
Javascript React
1 vote316 views1 answer
React footer
Javascript React
0 vote338 views1 answer
Unexpected token useeffect react native
Javascript React