什么是DOM？

如果你知道如何使用Vanilla Javascript来操作DOM(Document Object Model)，那么理解这个概念会更容易。那么对这个概念的理解就会更容易。
因此，Ref的概念与在javascript中使用document.getElementById,document.getElementByClassName 或document.getElementByTagName 相同。这个方法用来获取DOM结构中的当前元素或组件，我们可以对其进行操作或改变其CSS属性，删除或添加一个元素。在React.js中，Refs钩子也是用来获取当前元素的访问权的，它传递的是当前元素对象。我们可以通过调用该对象的当前属性来操作它。当元素被操作时，它不会重新渲染。

让我们通过一个例子来了解它：-

function CustomTextInput(props) {
  const Input = useRef();

  function handleClick() {
Input.current.focus();
  }

  return (
    <div>
      <input
        type="text"
        ref={Input} />
      <input
        type="button"
        value="Focus the input"
        onClick={handleClick}
      />
    </div>
  );
}