javascript - 如何在 React 组件中渲染 Backbone View ？

Question

我们正在迁移我们的 Backbone 应用程序以使用 React 和 Redux。我正在使用 React/Redux 创建一个新功能，但它需要一个当前位于 Backbone 中的 textInputView。这个 textInputView 非常笨重并且具有高级功能，这使我无法在此时将其移植到 React。

我需要渲染我的 Backbone View 并将其作为一个元素放入我的 React 模块中。我的想法是渲染 Backbone View 并将其传递到 React 组件中。然后在我的 React 组件中创建 componentDidMount 和 componentDidUpdate 函数，它们会在每次我的 React 元素重新呈现时手动将我的 Backbone View 附加到 DOM。

我认为这会起作用，但看起来很乱。有没有更清洁的解决方案？

Answer 1

只是快速了解一下这个问题，因为它仍然没有答案，我一直在寻找类似的信息。我认为您的解决方案可行，但可能会影响性能。

它不经常使用，但 React 确实有 dangerouslySetInnerHTML可以在这里使用。我会将 View 作为 Prop 传递，使用 view.$el.html() 从未安装的 View 中检索 innerHTML 字符串，并将其传递给 dangerouslySetInnerHTML。您必须确保您的任何事件处理程序在渲染和拆卸时正确附加和取消附加。