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()在组件本身中使用一样.