ReactJS: Uncaught DOMException: не удалось выполнить «removeChild» на «узле»: удаляемый узел не является дочерним для этого узла - PullRequest
Новая
       53

ReactJS: Uncaught DOMException: не удалось выполнить «removeChild» на «узле»: удаляемый узел не является дочерним для этого узла

0 голосов
/ 22 апреля 2020

Я разрабатываю приложение ReactJS, в котором я выполняю условный рендеринг, и на этой основе я отображаю компонент на одной из страниц моего приложения. Ниже приведен пример кода: 

    this.state.editButtonClicked ? (<EditElement>) : (<NonEditElement 
      FY19={this.state.productDetails.FY19}
      FY20={this.state.productDetails.FY20}
      FY21={this.state.productDetails.FY21}
      FY22={this.state.productDetails.FY22}
      FY23={this.state.productDetails.FY23}
 >)}

По умолчанию значение свойства editButtonClicked равно false, и компонент NonEditElement отображается соответствующим образом, но когда я нажимаю определенную кнопку, значение editButtonClicked свойство становится истинным, и именно в это время я получаю следующую ошибку: 

Uncaught DOMException: Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node.

Когда я закомментирую или удаляю компонент <NonEditElement /> и заменяю его на <></>, тогда все работает, как и ожидалось, что действительно странно.

Я действительно не уверен, почему это происходит, так как раньше я разрабатывал какое-то приложение ReactJS, и я делал подобные вещи и никогда не сталкивался с такими проблема раньше. Я проверил другие подобные вопросы, такие как this и this , которые задавались здесь в StackOverflow, но ни один из них не помог мне в моем случае. Было бы здорово, если бы кто-то мог дать мне несколько советов о том, почему я сталкиваюсь с этой проблемой.

Любая помощь будет высоко оценена. Спасибо!

...