ReactJS - ReactMount：根元素已从其原始容器中删除。新容器答案

【问题标题】：ReactJS - ReactMount: Root element has been removed from its original container. New containerReactJS - ReactMount：根元素已从其原始容器中删除。新容器
【发布时间】：2014-07-16 20:56:40
【问题描述】：

这个错误是什么意思？如何解决？

ReactMount: Root element has been removed from its original container. New container

在这之后我得到了这个：

Uncaught object react.js:15915
invariant react.js:15915
ReactMount.findComponentRoot react.js:10584
ReactMount.findReactNodeByID react.js:10480
getNode react.js:10089
(anonymous function) react.js:7307
(anonymous function) react.js:11403
processQueue react.js:10856
ReactMultiChild.Mixin.updateChildren react.js:10970
ReactDOMComponent.Mixin._updateDOMChildren react.js:7007
(anonymous function) react.js:6860
(anonymous function) react.js:11403
ReactComponent.Mixin._performUpdateIfNecessary react.js:4409
ReactComponent.Mixin.receiveComponent react.js:4380
ReactDOMComponent.Mixin.receiveComponent react.js:6833
(anonymous function) react.js:5963
(anonymous function) react.js:11403
ReactCompositeComponentMixin._performComponentUpdate react.js:5899
ReactCompositeComponentMixin._performUpdateIfNecessary react.js:5842
Mixin.perform react.js:14266
ReactComponent.Mixin.performUpdateIfNecessary react.js:4390
ReactCompositeComponentMixin.performUpdateIfNecessary react.js:5792
enqueueUpdate react.js:12731
ReactCompositeComponentMixin.replaceState react.js:5676
ReactCompositeComponentMixin.setState react.js:5655
(anonymous function) posts.js:273
j jquery-1.11.1.min.js:2
k.fireWith jquery-1.11.1.min.js:2
x jquery-1.11.1.min.js:4
b

当我遇到这些问题时，我会尝试使用新的项目列表来更新我的视图。要更新我当前的视图，我调用 updatePosts()：

var updatePosts = function () {
    var content = document.querySelector('.content');
    content.innerHTML = '';
    $refresh.addClass('fa-spin');
    return React.renderComponent(
        <Posts />,
        content
    );
};

可能是这个innerHTML = '' 的问题吗？我将再次完整呈现我的 Posts 组件。

【问题讨论】：

为什么要将 innerhtml 设置为空？ React 已经在处理 DOM 操作

标签： javascript reactjs

【解决方案1】：

删除这一行

content.innerHTML = '';

React 将查看旧的虚拟 dom，以及 <Posts />（与 Posts() 相同）返回的内容。它将对它们进行比较，并对 DOM 进行所需的更新。

【讨论】：