Как изменить содержание реагирующей моды на падение изображения? - PullRequest
Новая
       27

Как изменить содержание реагирующей моды на падение изображения?

0 голосов
/ 24 сентября 2019

Я использую Reaction-Modal-Hook и Reaction-Dropzone для загрузки изображений в моем проекте.

Шаги модального режима выглядят следующим образом => Выберите или отпустите изображение => Миниатюра изображения с именем изображения и возможность удалить изображение => Индикатор выполнения для отображения загрузки.

Как я могу заменить содержимое моего мода после удаления изображения? 

  const { getRootProps, getInputProps, isDragActive } = useDropzone({ onDrop });

  const [showModal, hideModal] = useModal(() => (
    <ReactModal isOpen overlayClassName="overlay" className="upload-modal" ariaHideApp={false}>
      <button type="button" onClick={hideModal}>x</button>

      <div>
        <p className="upload-header">Upload image to be used as the Group Avatar</p>
        <div className="drop-file" {...getRootProps()}>
          <input {...getInputProps()} />              
        </div>
      </div>
      )}
    </ReactModal>
  )
...