将纯 React 组件与 Om Next 混合

Question

假设我可以通过某个库访问纯 react.js 组件：

var MyPureJavaScriptComponent = React.createClass({
  render: function() {
    //...
  }
});

但我希望使用 om.next，其中 React 组件是通过 defui 宏构建的：

(defui MyComponent
  Object
  (render [this]
          (div nil "Hello, world!")))

问题：将MyPureJavaScriptComponent 转换为om.next 的最佳方法是什么？如果它可以包含在自己对defui 的调用中，这样MyPureJavaScriptComponent 与其他所有 om.next 组件处于相同的基础上，那将是非常好的（至少在美学上）。这可能吗（这是否是最好的方法）？

Answer 1

您可以返回任何 React 组件以渲染到您的 Om.next 树中，这是一个示例：

(defui MyComponent
  Object
  (render [this]
    (dom/div nil
      (dom/h1 nil "Hello")
      (js/React.createElement js/MyPureJavaScriptComponent #js {:prop "value"}))))