Render React component from Om

comment.cljs

(ns nhchat.components.comment
  (:require [om.core :as om]
            [om-tools.core :refer-macros [defcomponent]]
            [sablono.core :refer-macros (html)]))

(enable-console-print!)

(defcomponent wrapper [{:keys [comment]} owner]
  (render [_]
    (html [:div]))
  (did-mount [_]
    (let [node (om/get-node owner)
          el (.createElement js/React js/CommentBox #js {:comment comment})]
      (.render js/React el node))))

(om/root wrapper {:comment "Hello, react!"}
  {:target (.getElementById js/document "app")})

dev.html

    <script src="https://fb.me/react-0.13.3.min.js"></script>
    <script type="text/javascript">
     var CommentBox = React.createClass({displayName: 'CommentBox',
                                         render: function() {
                                           return (
                                             React.createElement('div', {className: "commentBox"},
                                                                 this.props.comment
                                             )
                                           );
                                         }
     });
    </script>
    <script type="text/javascript" src="js/dev/cljs-output.js"></script>

output.html

<div id="app"><div data-reactid=".0"><div class="commentBox" data-reactid=".1">Hello, react!</div></div></div>