将纯 React 组件与 Om Next 混合
Mixing Pure React Components with Om Next
假设我可以通过一些库访问纯 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 组件处于同一基础上,那将是非常好的(至少在美学上)。这可能吗(这会是最好的方法吗)?
您可以 return 将任何 React 组件呈现到您的 Om.next 树中,这是一个示例:
(defui MyComponent
Object
(render [this]
(dom/div nil
(dom/h1 nil "Hello")
(js/React.createElement js/MyPureJavaScriptComponent #js {:prop "value"}))))
假设我可以通过一些库访问纯 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 组件处于同一基础上,那将是非常好的(至少在美学上)。这可能吗(这会是最好的方法吗)?
您可以 return 将任何 React 组件呈现到您的 Om.next 树中,这是一个示例:
(defui MyComponent
Object
(render [this]
(dom/div nil
(dom/h1 nil "Hello")
(js/React.createElement js/MyPureJavaScriptComponent #js {:prop "value"}))))