Javascript REACT-DOM突变警告意义

[违规]将同步DOM变异侦听器添加到“DomainNodeInserted”事件。考虑使用突变观察者使页面更加敏感。

关于这个警告还有一个问题。我已经回答了一个解决问题的方法，这并不是这个问题的原因。 （对于那些想知道的人：如果向事件处理程序添加setTimeOut函数，则此警告将消失，因此它不再是同步的）

---

真正的问题是：“DOM变异监听器”是什么意思？或者什么是“DOM变异侦听器”？它有什么作用？我问我的老师，连他都不知道。他建议这可能是现在不推荐使用的东西，但我觉得它的出现是有原因的，我想完全理解它，以防我在将来遇到类似的错误，但对于“DOM变异侦听器”会有所不同。

DOM变异侦听器只做它听起来像的事情——它侦听DOM的变异。例如，如果附加这样的侦听器，然后添加或删除节点，则侦听器可能能够检测到该节点并发出回调。可以观察各种类型的DOM突变

有关同步的示例（速度慢、不推荐使用且不推荐）：

container.addEventListener（'DomainNodeInserted'，（）=>{
console.log（'mutation seen！'）；
});
container.insertAdjacentHTML（'beforeend'，'content'）
所以基本上“DOM变异监听器”就是添加/创建或删除DOM元素的任何函数？这种类型的警告从未出现在普通Javascript中。此外，您编写的代码中的“beforeed”是什么？不，“DOM变异侦听器”是侦听此类事件的东西。实际上添加或删除元素或以其他方式改变DOM的东西不是侦听器。仅当您显式侦听其中一个不推荐的事件（如
DOMNodeInserted
）时，警告才会出现。
beforeend
只是
insertAdjacentHTML
所需的一个参数-这并不重要。将节点添加到
容器
的任何其他方法也可以，如
createElement
和
appendChild
侦听器添加的内容。如果不是您，那么它一定来自React代码中的某个地方，或者来自它导入的某些内容。