Я использую 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>
)