Using ref functions with reagent

reagent-ref-functions.clj

;; React supports "refs" as a way for a component to get a 
;; handle to its children. Classically, refs were string-based.
;; Recent versions of React support callback attributes as a
;; more elegant variant of accessing DOM notes or components.
;;
;; This example uses a Form-3 component as per
;; https://github.com/Day8/re-frame/wiki/Creating-Reagent-Components
;; 
;; For callback refs, see React's documentation
;; https://facebook.github.io/react/docs/more-about-refs.html

(defn my-component []
  (let [!ref (atom nil)]
    (r/create-class
     {:display-name "feed-ui"
      :component-did-update
      (fn []
        (some-> @!ref .focus))
      :reagent-render
      (fn []
        [list-view {:ref (fn [com] (reset! !ref com))
                    ;; more attributes..
                    }])})))

This was very useful. Thanks!

Awesome! Worked great for getting access to methods for react native components such as the clear function for TextInput!

Thank you!

This is pure gold! Showed me how to use the .slickGoTo Method on the React-Slick carousel whenever my state changed accordingly. Cheers!

Awesome! thanks! it helped me.