Backbone.js React.js:绑定到现有元素

Backbone.js React.js:绑定到现有元素,backbone.js,backbone-views,reactjs,Backbone.js,Backbone Views,Reactjs,在Backbone.js中,可以使用el属性或调用view.setElement来指定视图的元素 有没有将React.js组件连接到现有DOM元素的等效方法?我对主干不太熟悉,但要将React组件连接到DOM中,需要使用renderComponent函数。第一个参数是组件,第二个是DOM元素: React.renderComponent,document.getElementById'app'; 根据评论中给出的上下文进行更新: React通过替换元素的内容而不是元素本身来连接到元素。您可以对该

在Backbone.js中,可以使用el属性或调用view.setElement来指定视图的元素


有没有将React.js组件连接到现有DOM元素的等效方法?

我对主干不太熟悉,但要将React组件连接到DOM中,需要使用renderComponent函数。第一个参数是组件,第二个是DOM元素:

React.renderComponent,document.getElementById'app'; 根据评论中给出的上下文进行更新:


React通过替换元素的内容而不是元素本身来连接到元素。您可以对该元素多次调用renderComponent,并且每次都将运行相同的diff算法。如果您希望传入不同的道具、在服务器上预渲染或完全渲染不同的组件,这非常方便。每次都使用相同的过程来更新实际的DOM,就像在组件本身中使用setState一样。

这不是将SampleComponent作为app的子组件吗?我想OP是想用组件替换现有的元素。@EdwardMSmith啊,我不了解主干的行为。我将更新我的答案。谢谢-是的,澄清一下,我指的是服务器端加载的元素,就像一个选择菜单选项,需要知道它的默认排序顺序是升序还是降序。因此,当页面加载时,元素已经存在,我需要使用主干/React将其他行为/数据绑定到它,而不必使用客户端模板或React组件从头开始呈现它。如果它更有用,我可以扩展我的问题。@cantera React控制它需要的渲染,以便有效地与它的虚拟DOM区分开来,所以我们无论如何都需要重新渲染它。除非您使用renderComponentToString在服务器上预渲染,否则在这种情况下,它将运行diff,并且不会更改任何内容。您是否有一个JSFIDLE或其他更大范围的示例?我很乐意提供帮助。在React.renderComponent中已更改为React.renderPerhaps,这将有助于。。。