小编pmq*_*mqa的帖子

我有一个HTML页面由WordPress的预渲染和三个反应的组分：<App />，<Component />和<AnotherComponent />。

HTML页面（div id="component"和div id="anotherComponent"）内有两个ID div容器，它们是分开的，我想在其上渲染React组件。他们也共享一些状态。我想用来<App />编写所有逻辑和事件处理，然后将状态（this.props.counter）传递给每个组件。

我想ReactDOM.render(<Component />, document.getElementById('component'));对每个组件使用，并使用<App />来控制逻辑，但是我如何将状态传递给每个组件，以及我render()在组件中要做什么<App />。

最好的方法是什么？