Перемещение элемента элемента DOM из компонента js-ответа

Question

У меня есть компонент реакции, который загружает файлы асинхронно. После загрузки файлов их идентификатор с сервера хранится в скрытом поле и сохраняется как часть другой формы. Этот компонент отображается внутри формы, которая сохраняет идентификаторы. Я не могу использовать API файлов Javascript из-за поддержки IE.

У меня есть эта функциональность, работающая в JQuery, но я пытаюсь ее преобразовать, чтобы реагировать. После выбора файла мне нужно переместить поле ввода файла в другую форму за пределами текущей формы, чтобы он мог быть загружен. Мой компонент реагирования содержит это поле ввода файла, а onChange я использую jQuery для его перемещения. После того, как я переместил его, я обновляю свое состояние, чтобы мой метод визуализации снова вызывался. Когда он вызывается, он не отображает поле ввода файла. Я ожидаю, что он увидит, что поле ввода файла не находится там, где метод визуализации помещает его и создает новый.

Я понимаю, что это, вероятно, не способ реагировать на любые действия - любой ввод или предложения были бы замечательными. Благодарю.

Answer 1

Реакция не собирается замечать, что кто-то еще модифицировал DOM. Когда вы вызываете setState, запускается еще один render. Результат рендеринга добавляется в виртуальную DOM и отличается от предыдущей виртуальной DOM. Настоящий DOM никогда не входит в уравнение.

Вы можете просто cloneinput[file] с jQuery, а не перемещать его.