React.js：绑定到现有元素

Question

在Backbone.js中，您可以使用el属性或通过调用view.setElement()来指定视图的元素。

是否有将React.js组件连接到现有DOM元素的等效方法？

Answer 1

我对Backbone并不是很熟悉，但是要将React组件挂钩到DOM中，您需要使用renderComponent函数。第一个arg是组件，第二个是DOM元素：

React.renderComponent(<SampleComponent />, document.getElementById('app'));

---

根据评论中提供的上下文进行了更新：

React通过替换其内容而不是元素本身来挂钩元素。您可以在该元素上多次调用renderComponent()，并且每次都会运行相同的diff算法。如果您想传递不同的道具，在服务器上预渲染或完全渲染不同的组件，这很方便。每次都使用相同的过程来更新实际的DOM，就像在组件本身中使用setState()一样。