import React, { Component } from "react"; import Dropzone from "../../"; export class TestReactDragEvt extends Component { getFiles = async (event: React.DragEvent) => { const files = Array.from(event.dataTransfer.files); return files; }; render() { return (
{({ getRootProps }) =>
}
); } } export class TestDataTransferItems extends Component { getFiles = async (event: React.DragEvent) => { const items = Array.from(event.dataTransfer.items); return items; }; render() { return (
{({ getRootProps }) =>
}
); } } export class TestNativeDragEventEvt extends Component { getFiles = async (event: DragEvent) => { const files = Array.from(event.dataTransfer.files); return files; }; render() { return (
{({ getRootProps }) =>
}
); } } export class TestChangeEvt extends Component { getFiles = async (event: React.ChangeEvent) => { const files = Array.from(event.target.files); return files; }; render() { return (
{({ getRootProps }) =>
}
); } } export class TestNativeEvt extends Component { getFiles = async (event: Event) => { const files = Array.from((event.target as HTMLInputElement).files); return files; }; render() { return (
{({ getRootProps }) =>
}
); } }