错误：用新的根组件替换React呈现的子组件

Question

我是React的初学者。我的React App中出现了这个错误：

我的问题非常简单，但我不明白。

这是我的App.js组件：

    render(){
        return(
            <div>
        <Header />
    <div id="body">
      <MainContainer />
    </div>
  </div>
       );     
    }

这是MainContainer.js：

    functComp1(){
ReactDOM.render(<OtherComponent />, document.getElementById('body');
}
render(){
        return(<div className="row">
<div><a onClick={this.functComp1}>Component1</a></div>
<div><a onClick={this.functComp2}>Component2</a></div>
<div><a onClick={this.functComp3}>Component3</a></div>
</div>);
}

而OtherComponent.js就是......

当我推送任何Component Link工作完美时，但控制台显示以下消息：用新的根组件替换React渲染的子节点。如果您打算更新此节点的子节点，则应该让现有子节点更新其状态并呈现新组件，而不是调用ReactDOM.render。

感谢您的帮助