top-part of html doesn't change about reagent

[yazz]

The @top-part HTML is only rendered the first time, but when changed later, it never changes to "Changed top part!"

[holmsand]

That's because simple-component is only defined once, and never changed. Your top-part is passed as a simple value to the simple-component atom, so it can never actually change.

To make it work, you'd have to either change the simple-component atom, or (preferably) turn it into a function, so that it becomes:

(defn simple-component []
  [:div
   @top-part
   [:p.someclass
    "I have " [:strong "bold"]
    [:div {:style {:color "red"}} " and red "] "text."]])

(reset! top-part
        [:div
         [:p "Changed top part!"]])

(defn simple-parent []
  [:div
   [simple-component]])

[yazz]

Ah, I see, so I have to defn it.. Thanks! I'll try that tonight and let you know how it goes

[yazz]

Ok I tried it. So I guess reagent doesn't support a atoms being referenced within other atoms, is that correct?

[holmsand]

Yes, that's correct.

[yazz]

Ok, thanks for the info