为什么我在使用 Chrome 中的自动翻译功能时会出现 DOMException？

Question

我一直在使用 react-app。我做了一个登记表，但我无法解决问题。问题是如果您在打开 Chrome 韩语自动翻译功能的情况下在用户名输入字段中输入文本，则会抛出“DOMException”，但我不太理解。因为如果你不自动翻译，它工作正常没有问题。有谁知道这个的解决方案？

下面是困扰我的错误消息。

react-dom.development.js:22738 未捕获的 DOMException: 失败 在“Node”上执行“insertBefore”：新节点之前的节点 要插入的不是该节点的子节点。

谢谢

Answer 1

有时当用户使用谷歌翻译时会发生这种情况，它会改变文本节点，并且 React 在下一次渲染时中断。更多信息和解决方法：https://github.com/facebook/react/issues/11538#issuecomment-390386520

您还可以将下一个属性添加到 HTML 标记以禁用 Google 翻译并解决此问题：

如果您有任何其他解决方案，请回复。