在 Backbone 视图中渲染反应组件

Question

我有一个现有的 rails-backbone 应用程序，我想将 React 添加到其中。现在，我想将单个 React 组件作为小部件添加到现有 Backbone 视图。

我已经使用 react_on_rails 将 React 添加到 Rails，当我在 Rails 视图中使用 react_component 渲染 React 组件时效果很好（erb文件添加到 Rails 路由），但我似乎无法将组件添加到现有的 Backbone 视图。

Answer 1

我在 repo 页面问了同样的问题，基于 gem author response 我最终做了以下事情：

首先，在 backbone 视图中，我添加了反应容器 div:

@$el.html('<div id="react_widget"></div>')

然后，我使用 ReactOnRails.render:

调用 React

react_props = {} // I used this to pass models and collection from backbone to react
ReactOnRails.render("OrganizationGroupSettings", react_props, 'react_widget');

在 Backbone 视图中渲染反应组件

Render react component in Backbone view

ruby-on-rails

backbone.js

reactjs