react 获取实际的dom元素 findDomNode

最新推荐文章于 2024-09-13 20:23:01 发布

weixin_30767835

最新推荐文章于 2024-09-13 20:23:01 发布

阅读量437

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/xiaoyaoweb/p/9089518.html

本文介绍了如何在React中使用findDomNode方法从组件实例中获取真实的DOM节点，并演示了一个简单的例子来展示如何操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

首先引入 findDomNode
import {findDomNode}  from 'react-dom'
然后获取绑定的实例
getNodeInstance() {
  const nodeInstance = this.refs.navBox;
}   
 
function WapShop() {
    return (
      <div>
        <NavBox ref="navBox" />
      </div>
    );
}
然后获取真实的dom元素
let initialNode  =  findDomNode(this.refs.navBox);
此时我们就可以获取真实dom上的例如offsetWidth等属性了