is it possible to get a rum component by data-reactid attribute value?

[pbaille]

I'm working on a mixin that inject styles into component and sub-component
this mixin takes a function that take the component state and return a style hash-map and possibly another hash-map of type sub-element-selector -> style-function and so on
for the moment I use dommy for the sub-element-selectors and get raw HTMLelements , i would like to be able to get the value of the rum element that is mounted on in order to feed the corresponding style-fn. I really hope that it is understandable

Is there a way to get a list of all sub rum components of a rum component?

[tonsky]

Is there a way to get a list of all sub rum components of a rum component?

No, there’s no standard way. It’s application-specific.

i would like to be able to get the value of the rum element that is mounted on

use rum/defcc instead of rum/defc, you’ll get additional first argument which will be React component. Then just use .findDOMNode to get to the DOM:

(rum/defcc my-component [comp arg1 arg2]
  (let [node (.findDOMNode comp)]
    ...))

[gmp26]

Does the solution above work? I'm seeing this on the original and a variant that matches what I understand from the React API for .findDOMNode:

(rum/defcc my-component [comp arg1 arg2]
  (let [node (.findDOMNode comp)]
    [:div]))
; "fails with: Uncaught TypeError: comp.findDOMNode is not a function"

(rum/defcc my-component [comp arg1 arg2]
  (let [node (.findDOMNode js/React comp)]
    [:div]))
;  "fails with: Invariant Violation: findComponentRoot(...): Unable to find element.  This probably means the DOM was unexpectedly mutated ..."

[tonsky]

It’s (js/React.findDOMNode comp), sorry about the mistake

[gmp26]

Thanks - I'm probably missing something - but (js/React.findDOMNode comp) gives me the same error as (.findDOMNode js/React comp).

Could it be that .findDOMNode is being called before the element is created, so triggering an Invariant Violation?

[tonsky]

Yes, you should not probably call it during the initial render

On Fri, Nov 13, 2015 at 3:40 PM Mike Pearson notifications@github.com
wrote:

Thanks - I'm probably missing something - but (js/React.findDOMNode comp)
gives me the same error as `(.findDOMNode js/React comp).

Could it be that .findDOMNode is being called before the element is
created, so triggering an Invariant Violation?

—
Reply to this email directly or view it on GitHub
#48 (comment).

[gmp26]

OK, thanks. Rum is really neat BTW :)

[featheredtoast]

For the wayward traveler finding this issue now (react 15.1+) per this SO post it's now (js/ReactDOM.findDOMNode comp)

React.findDOMNode
has been deprecated, use

ReactDOM.findDOMNode
in React 15.1 and up

https://facebook.github.io/react/docs/react-dom.html