React怎么使用refs操作DOM


本文小编为大家详细介绍“React怎么使用refs操作DOM”,内容详细,步骤清晰,细节处理妥当,希望这篇“React怎么使用refs操作DOM”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。在react框架 甚至说是三大框架中都是不太支持大家直接去操作dom的因为也没什么必要当然也会有特殊情况 例如视频播放 强制动画 第三方插件的一些渲染或初始化官方也给了我们对应的解决办法那就是refs我们来简单写一个 我们先在constructor中定义一个虚拟dom的控制参考代码如下这里 我们就通过React提供给我们的createRef函数声明了一个叫divDaimin的控制dom节点叫什么你们随意 可以声明无数个 这个对数量没有限制然后我们在页面上去写一个节点给我们声明的divDaimin 去控制这样 我们这块div元素就被divDaimin管理了然后 componentDidMount生命周期是在页面dom节点挂载完之后执行的 那么我们就在componentDidMount生命周期里打印一下这个divDaimin运行后效果如下通过控制台信息我们可以看到 current字段对应的就是我们的元素我们改一下componentDidMount内的代码很明显 我们的元素已经是被输出在控制台上了为了帮助大家确认我们确实是拿到这个元素了我们改写componentDidMount中的代码我们用一个常规的js dom操作 将他的字体颜色改为红色读到这里,这篇“React怎么使用refs操作DOM”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内免费云主机域名容的文章,欢迎关注百云主机行业资讯频道。

相关推荐: Python集合怎么创建并使用

这篇文章主要介绍“Python集合怎么创建并使用”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“Python集合怎么创建并使用”文章能帮助大家解决问题。集合是无序元素的集合,集合中的元素不可重复,并且创建完成后,其中的元…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

Like (0)
Donate 微信扫一扫 微信扫一扫
Previous 02/18 12:28
Next 02/18 12:29

相关推荐