react-useRef() react useref example

前端开发人员，在平常工作中会经常遇到获取原生dom元素的需求，js这门语言为我们提供了很多这种的方法，比如document.getElementById以及document.querySelector等等诸如此类的方法，但是外面平常在框架开发中有没有更方便快捷的方法获取呢？

vue里面通过通过ref以及$refs等等方式获取，今天我们讲一下react如果通过这种方式去获取，今天只介绍react函数组件中我们如何通过ref去获取当前的dom元素。

众所周知，react函数组件里面的钩子函数还是很发达的，所以react官方也考虑到了这一点，提供了useRef()钩子函数，今天就让我们来一起学习一下这个钩子函数怎么使用把。

首先肯定要在我们的jsx文件里面把对应的钩子给引入

那么我们如何去使用呢？

图中写的已经很详细了，这里就不多做解释了，这样我们就可以获取到我们的dom元素了

这样当我们在控制台打印的时候就可以获取到这个dom对象了