Загрузить фото с помощью React и отправить в магазин Redux
Я загружаю файл (только одно изображение) в свой реактивный компонент и получаю blob: ссылку
class User extends React.Component {
onDrop(acceptedFiles, rejectedFiles) {
let filesToBeSent = this.state.filesToBeSent;
filesToBeSent = acceptedFiles[0]
const fileUrl = acceptedFiles[0].preview
this.setState({filesToBeSent});
console.log(fileUrl);
//blob:http://localhost:8000/03d351f2-3412-458d-9002-3cfab623db12
}
render() {
return (
<Dropzone onDrop={(files) => this.onDrop(files)}
className='tn btn-primary btn-sm'
multiple={false}
accept="image/*"
name='profile_image_big'
/>
)
}
}
и у меня есть изображение по умолчанию в скриншоте магазина
Как я могу просто заменить ссылку по умолчанию на новую в магазине Redux и на сервере?