is it possible to get a rum component by data-reactid attribute value? about rum HOT 7 CLOSED

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)]
    ...))

from rum.

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 ..."

from rum.

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

from rum.

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?

from rum.

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

On Fri, Nov 13, 2015 at 3:40 PM Mike Pearson [email protected]
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).

from rum.

OK, thanks. Rum is really neat BTW :)

from rum.

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

from rum.