JS错误：要删除的节点不是该节点的子节点

Question

我在页面上有两个自动完成文本框，可以在项目中进行一些高级搜索。 我收到类似Uncaught NotFoundError: Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node.的错误Uncaught NotFoundError: Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node. 同时第二次删除手动输入。

我使用了Facebook自动完成插件。 请找到我的JS小提琴演示，一旦在自动完成功能上输入了文本，然后按Enter键以隐藏文本框上的手动输入，我就遇到了问题。 它在第一个框上发生，但在第二个框上失败。

我的演示如下

任何帮助..？

Answer 1

您应该了解发生了什么错误行React lib包含DOMChildrenOperations.js ，这是函数

function removeChild(parentNode, childNode) {
  if (Array.isArray(childNode)) {
    var closingComment = childNode[1];
    childNode = childNode[0];
    removeDelimitedText(parentNode, childNode, closingComment);
    parentNode.removeChild(closingComment);
  }
  parentNode.removeChild(childNode);
}

您的情况是，由于第3方DOM操作库，模型在初始状态下有所不同，而React尝试更新您的DOM时。 对我来说，发生相同的错误是因为在我的情况下childNode是2个圆顶节点以解决此问题， 我只是为我的元素添加了一个像父元素一样的div ，该元素由第3方库编辑