Uncaught notfounderror: не удалось выполнить «RemoveChild» на «Узел»: узел, который должен быть удален, не является ребе ⇐ Javascript

[Anonymous]

Я пытаюсь создать компонент, который загружает изображение, открывая пользовательский модал, и после выбора файла изображения он отображает изображение следующим образом:-

Новый. Пользовательский модал открывается сверху текущего экрана:-





) : (



)}





{/* Modal for uploading image */}
{isModalOpen && (




+

Drag and drop photo here
Or




Upload file
PNG, JPG up to 2MB


✖



)}

);
};

export default ImgUpldChild;
< /code>
reader.Result показывает выход в консоли:-< /p>

Filereader, запускаемый imgupldchild.tsx: 37 < /p>
< /blockquote>

Imgupldchild.tsx: 38 < /p>
< /blockquote>

Результат FileReader: Данные: Image/jpeg; base64,/9J/4AAQSKZjrgabageAsabiaad/4Gxusundx1bst0zjteuaaqeaaaxev Undtqjaaabtbnryukdcifhzwiah0waeaaqaaaaaaaabhy3nwtvngvaaaaabdqu5pwjawoqa ....
< /blockquote>
Но после этого я получаю:-< /p>

uncaught notFoundError: не удалось выполнить «RemoveChild» на «Узел»: узел, который будет удален, не является ребенком этого узла. В RemoveChild At imgupldchild.tsx: 41: 1

строка 41 кода - settimeout (() => setimage (reader.result в качестве строки), 100);
Я добавил на основе изображения. Изображение со значком удаления. Кроме того, в этом используются шрифты Fontawesome, поэтому либо замените их на какое -то символ, либо используйте Fontawesome CDN.>

Подробнее здесь: https://stackoverflow.com/questions/794 ... -node-to-b