drag n drop file upload react

JavaScript
<FileDrop
  onTargetClick={onTargetClick}const fileInputRef = useRef(null);const onTargetClick = () => {
  fileInputRef.current.click()
}const onFileInputChange = (event) => {
  const { files } = event.target;
  // do something with your files...
}<input
  onChange={onFileInputChange}
  ref={fileInputRef}
  type="file"
  className="hidden"
/>nvm use # Probably optional, but it can't hurt

cd file-drop
npm install
npm start

cd demo
npm install
npm start

Source

Also in JavaScript: