Breaking News: Grepper is joining You.com. Read the official announcement!

react-drag-drop-files open twice

Swiss IT knive answered on January 8, 2021 Popularity 9/10 Helpfulness 2/10

answer react-drag-drop-files open twice

related drag n drop file upload react

react-drag-drop-files open twice

Comment

//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/>
    ...
)

Popularity 9/10 Helpfulness 2/10 Language javascript

Source: Grepper

Tags: javascript

Link to this answer
Share Copy Link

Contributed on Feb 01 2022

Swiss IT knive

0 Answers Avg Quality 2/10

Closely Related Answers

drag n drop file upload react

Comment

<FileDrop
  onTargetClick={onTargetClick}

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: www.npmjs.com

Tags: drag

Link to this answer
Share Copy Link

Contributed on Jan 08 2021

Alive Albatross

0 Answers Avg Quality 2/10

drag n drop file upload react

Comment

const onFileInputChange = (event) => {
  const { files } = event.target;
  // do something with your files...
}

Popularity 10/10 Helpfulness 1/10 Language javascript

Source: www.npmjs.com

Tags: drag

Link to this answer
Share Copy Link

Contributed on Jan 08 2021

Alive Albatross

0 Answers Avg Quality 2/10

drag n drop file upload react

Comment

const fileInputRef = useRef(null);

Popularity 10/10 Helpfulness 1/10 Language javascript

Source: www.npmjs.com

Tags: drag

Link to this answer
Share Copy Link

Contributed on Jan 08 2021

Alive Albatross

0 Answers Avg Quality 2/10

drag n drop file upload react

Comment

const onTargetClick = () => {
  fileInputRef.current.click()
}

Popularity 10/10 Helpfulness 1/10 Language javascript

Source: www.npmjs.com

Tags: drag

Link to this answer
Share Copy Link

Contributed on Jan 08 2021

Alive Albatross

0 Answers Avg Quality 2/10

drag n drop file upload react

Comment

-1

<input
  onChange={onFileInputChange}
  ref={fileInputRef}
  type="file"
  className="hidden"
/>

Popularity 10/10 Helpfulness 1/10 Language javascript

Source: www.npmjs.com

Tags: drag

Link to this answer
Share Copy Link

Contributed on Jan 08 2021

Alive Albatross

0 Answers Avg Quality 2/10

react-drag-drop-files open twice

Contents

More Related Answers

react-drag-drop-files open twice

Closely Related Answers

drag n drop file upload react

drag n drop file upload react

drag n drop file upload react

drag n drop file upload react

drag n drop file upload react

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.