backbone.js - React.js : Bind to Existing Elements

Question

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

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

Answer 1

我对 Backbone 不太熟悉，但要将 React 组件挂接到 DOM 中，您可以使用 renderComponent 函数。第一个 arg 是组件，第二个是 DOM 元素:

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

<小时/>

根据评论中给出的上下文进行更新:

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