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

Question

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

我使用过facebook autocomplete插件。请找我的JS Fiddle Demo 我在自动完成时输入文本后出现问题，然后按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);
}

在你的情况下，原因是模型在初始状态不同，而React尝试更新你的DOM，因为第三方DOM操纵库。 对我来说发生了同样的错误，因为在我的情况下childNode是2个圆顶节点用于修复此我刚刚为我的元素添加了一个div父亲，这是由第3方库编辑的