Reactjs 同一组件的多个实例

我想向非react站点添加react组件，即评论功能

该网站有一个无限滚动的新闻页面。在每个新闻故事下面，我想包括react comments组件。我计划在FB教程之后对其进行建模：

我的问题是，如何动态地将每个React组件装载到domstory元素？基本上，我希望有相同react comments组件的多个实例，但每个实例都绑定到一个唯一的故事（div）

---

我想我需要在服务器端呈现react组件，在那里我可以动态设置

react.renderComponent

。任何指针/示例都值得欣赏。

添加帖子时，您需要有数据和目标dom节点（我们将这些变量称为

data

和

el

）

清理：

React.unmountComponentAtNode(el);

对于服务器端渲染，可以执行以下操作：

React.renderToString(React.createElement(MyComponent, {data: data}))

---

只要结果在客户机上显示为

el

，您就可以使用上面提到的React.render挂载它。

@jason_gelinas您有过这样的工作吗？我已经看到在一个页面上有多个实例的命名冲突，但是您的用例对于SEO来说是一个很好的例子。在同一个DOM中多次装载您建议的React元素可以吗？我想这就是问题特别要问的：“我希望有许多相同react comments组件的实例，但是每个实例都与一个独特的故事（div）关联。”是的，你可以有数百个根。

React.unmountComponentAtNode(el);

React.renderToString(React.createElement(MyComponent, {data: data}))