如何在React中读取DOM

Question

React是单向的。

然而，在很多情况下，我们需要获得＆＃39; /读取DOM，无论是获取父元素/还是CSS值。

在我的情况下，我在div上设置了动态宽度属性，我想以绝对单位（px）获取，React如何处理这种逻辑？我遇到过使用＆＃39; refs＆＃39;但是，在React中，我不清楚这是否是推荐的方法。

CSS:
...
width: 60%;
...

非常感谢，

Answer 1

你正确使用refs，你也可以使用原生的javascript dom查询器，但为元素设置ref更快。

所以基本上你设置一个这样的参考：

<div ref="awesome"></div>

然后在您的代码中执行以下操作：

var node = React.findDOMNode(this.refs.awesome);
alert(node.offsetWidth);