在反应

Question

从安装它们的同一DOM元素中卸载组件。

ReactDOM.render(<SampleComponent />, document.getElementById('container'));

然后我们将用以下方法卸载它：

React.unmountComponentAtNode(document.getElementById('container'));

如果容器附加了两个或两个以上的组件，如何卸载并重新连接组件到父容器，例如

<div id="container">
   <SampleComponent1/>
   <SampleComponent2/>
</div>

我想根据SampleComponent2中的某些事件删除并重新附加SampleComponent2。

Answer 1

你应该让React根据你提供的道具处理component1和2。

例如，使用ES6和React 0.14纯组件：

const App = ({has2}) => 
  <div>
     <Component1 />
     {has2 && <Component2 />}
  </div>

如果has2是真实的，它将显示Component2。只要has2发生变化，就可以再次调用渲染，React完成剩下的工作。