import {useCallback} from "react"; import {store} from "../../reducers"; import {actionSetAvatar, actionUploadImage, backURL} from "../../actions"; import {useDropzone} from "react-dropzone"; import {connect} from "react-redux"; import avadef from "../../ava-def.jpg"; import {all, takeEvery, put, call} from 'redux-saga/effects'; function AvatarDropzone({onLoad}) { const onDrop = useCallback((acceptedFiles) => { // Do something with the files onLoad(acceptedFiles[0]); store.dispatch(actionSetAvatar(acceptedFiles[0])) }, []); const { getRootProps, getInputProps, isDragActive } = useDropzone({ onDrop }); return (
Перетащите файл сюда ...
) : (Сменить аву, нажмите или перетащите файл
)}