import {useCallback} from "react"; import {store} from "../reducers"; import {actionSetTrackToPlaylist, actionUploadTrack} from "../actions"; import {useDropzone} from "react-dropzone"; import {connect} from "react-redux"; function TrackDropZone({ onLoad }) { const onDrop = useCallback((acceptedFiles) => { // Do something with the files onLoad(acceptedFiles[0]); store.dispatch(actionSetTrackToPlaylist(acceptedFiles[0])) }, []); const { getRootProps, getInputProps, isDragActive } = useDropzone({ onDrop }); return (
Перетащите файл сюда ...
) : (Для добавления трэка перетащите файлы в плейлист
)}