React: 如何在 ReactElements 中获取原始 HTMLElement

创建于 2015-05-18  ·  3评论  ·  资料来源: facebook/react

嗨,我只是不知道如何在 ReactElement 中获取原始 HTMLElement? 就像 ReactComponent 中的 getDOMNode() 一样?

最有用的评论

在您使用React.render将 ReactElement 挂载到 DOM 之前,ReactElement 不对应于 DOM 节点。

var element = <ScrollView><Text>hello</Text></ScrollView>;
var component = React.render(element, container);
var node = React.findDOMNode(component);

所有3条评论

元素是没有 HTML 元素知识的轻量级对象。 我不确定您到底在问什么或为什么需要它,但如果您想从中获取“div”

您可以访问.type。
var el = <div />;
console.log(el.type); // "div"

像这样<ScrollView><Text>hello</Text></ScrollView> , "ScrollView.children" 返回 [ReactElement],
但我无法通过 ReactElement 获得真正的 HTMLElementNode。 因为我想要<Text>节点的 getComputedStyle;

在您使用React.render将 ReactElement 挂载到 DOM 之前,ReactElement 不对应于 DOM 节点。

var element = <ScrollView><Text>hello</Text></ScrollView>;
var component = React.render(element, container);
var node = React.findDOMNode(component);
此页面是否有帮助?
0 / 5 - 0 等级