/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 vote138 views1 answer
Adding media queries in makeStyle material react
Javascript React
7 votes132 views4 answers
Get parameter from url reactjs
Javascript React
1 vote150 views1 answer
React-native razorpay
Javascript React
-1 vote179 views1 answer
Convert datetime value to time only in reactjs
Javascript React
7 votes137 views3 answers
React route props
Javascript React
6 votes140 views1 answer
React hooks scss supoort
Javascript React
4 votes170 views2 answers
Axios react post form data
Javascript React
0 vote135 views1 answer
React Alert when rate changes
Javascript React
1 vote140 views1 answer
React best way of forcing component to update
Javascript React
0 vote169 views1 answer
React paypal express checkout
Javascript React