React: How can I get the original HTMLElement in ReactElements

Created on 18 May 2015  ·  3Comments  ·  Source: facebook/react

hi, I just don't know how to get a original HTMLElement in ReactElement? Just like getDOMNode() in ReactComponent?

picture huxiaoqi567

Most helpful comment

A ReactElement doesn't correspond to a DOM node until you mount it in the DOM using React.render.

var element = <ScrollView><Text>hello</Text></ScrollView>;
var component = React.render(element, container);
var node = React.findDOMNode(component);
picture sophiebits on 20 May 2015
👍7

All 3 comments

Elements are light-weight objects with no knowledge of HTML elements. I'm not sure exactly what you're asking or why you would need it but if you're looking to get "div" from

you can access .type.

var el = <div />;
console.log(el.type); // "div"
zpao picture zpao on 18 May 2015
👎9

like this <ScrollView><Text>hello</Text></ScrollView> , "ScrollView.children" return [ReactElement],
but i can't get the real HTMLElementNode by ReactElement. Because I want getComputedStyle of the <Text> node;

huxiaoqi567 picture huxiaoqi567 on 20 May 2015

A ReactElement doesn't correspond to a DOM node until you mount it in the DOM using React.render.

var element = <ScrollView><Text>hello</Text></ScrollView>;
var component = React.render(element, container);
var node = React.findDOMNode(component);
sophiebits picture sophiebits on 20 May 2015
👍7
Was this page helpful?
0 / 5 - 0 ratings

Related issues

h1orz picture h1orz  ·  3Comments
DimitarChristoff picture DimitarChristoff  ·  3Comments
zpao picture zpao  ·  3Comments
tleunen picture tleunen  ·  3Comments
kocokolo picture kocokolo  ·  3Comments