react怎么获取dom节点距离文档的top值

为了获取真实的dom节点，文本输入框必须有一个 ref 属性，然后 thisrefs[refName] 就会返回这个真实的 DOM 节点。

var MyComponent = ReactcreateClass({

handleClick: function() {

thisrefsmyTextInputfocus();

},

render: function() {

return (

<div>

<input type="text" ref="myTextInput" />

<input type="button" value="Focus the text input" onClick={thishandleClick} />

</div>

);

}

});

ReactDOMrender(

<MyComponent />,

documentgetElementById('example')

);

当然默认的权重是最低的，实际开发很多时候还是使用三元

React中的DOM也是虚拟DOM（virtual DOM），这点跟我们以前讲的Vue非常类似。只有当它插入文档以后，才会变成真实的DOM。React也是在虚拟DOM发生变化时，进行比对后，只渲染变化的部分，它是React极高性能的主要原因之一。

OK 初始化一下，写个效果是什么呢？就是点击Button的时候，给input添加光标

比较简单不多说，其实我个人在vue中比较喜欢偏向vdom的 *** 作，react还不熟悉！

以上就是关于react怎么获取dom节点距离文档的top值全部的内容，包括:react怎么获取dom节点距离文档的top值、React（八）—— 获取真实DOM、等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！