Редактор React Avatar Editor не получает кнопку загрузки

Question

Я пытаюсь использовать реактив-аватар-редактор (https://www.npmjs.com/package/react-avatar-editor). Я установил и импортировал компонент, но не получил кнопку загрузки

Вот мой простой компонент, когда я использовал Avatar Editor

import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import Nav from "./Nav";
import AvatarEditor from 'react-avatar-editor'


export default class EditProfile extends Component {



    render () {
        return (
           <div>
               <Nav logoUrl="logo_white.svg"  color="#D41F36"/>

               hello there
               <AvatarEditor
                   image="/imgs/A066.jpg"
                   width={250}
                   height={250}
                   border={50}
                   color={[255, 255, 255, 0.6]} // RGBA
                   scale={1.5}
                   rotate={0}
               />
           </div>
        )
    }
}

У меня должен быть этот экран но у меня было это

помогите пожалуйста?

Answer 1

реагировать-аватар-редактор не обрабатывает выбор изображения. В частности, это касается обрезки изображения, изменения его размера и поворота. Поэтому вам нужно что-то кодировать, чтобы получить изображение и перейти к компоненту реагировать-аватар-редактор.

Вы можете проверить, как это сделать здесь https://github.com/mosch/react-avatar-editor/blob/master/docs/App.jsx