Using Tab and TabPane about soda-ash HOT 5 CLOSED

@hoopes Thanks for the detailed issue, much appreciated!

from soda-ash.

@hoopes Please try this

   [sa/Tab
    {:renderActiveOnly false
     :panes
     [
      {:menuItem "Tab1"
       :pane
       {:key "tab1"
        :content
        (reagent/as-element [:span "Tab 1 content"])}
       }

      {:menuItem "Tab2"
       :pane
       {:key "tab2"
        :content
        (reagent/as-element [:span "Tab 2 content"])}
       }
      ]
     }]

from soda-ash.

(ns my-ns
  (:require [reagent.core :as r]
            [soda-ash.core :as sa]))

(defn- tab-content [some-obj]
  [sa/TabPane (str "Tab content! - " (:title @some-obj))])

(defn main-panel [some-obj]
  [sa/Tab
   {:renderActiveOnly false
    :panes [
            {:menuItem "Tab"
             :pane {:key "tab1"
                    :content (r/as-element [tab-content some-obj]) }}]}])

This did indeed work! So the as-element was needed b/c the react-semantic-ui expects react elements, but my previous try was...just reagent elements? Sorry, I'm just getting started with cljs. Is the :> thing not the same as as-element?

In any case, your help is super-appreciated, and this lib is great, thanks for it! Please feel free to close the issue, if you like.

from soda-ash.

@hoopes the :> is syntactic sugar for adapt-react-class which is close, but not quite the same thing. The difference is one is for a react component and the other is for a react element.

I haven't read this post, so forgive me if it is useless, but after a quick google search I found this:
https://tylermcginnis.com/react-elements-vs-react-components/

from soda-ash.

@hoopes I am going to close the issue, but feel free to ping me at clojurians slack in the #reagent channel. If you haven't you can sign up here: http://clojurians.net/

from soda-ash.