React中的Ref有什么值得了解的知识点？

本文共计2641个文字，预计阅读时间需要11分钟。

本章节带大家了解React中的Ref，介绍一些关于Ref你需要知道的知识点，希望对大家有所帮助！

Intro：在React项目中，有很多场景需要用到Ref。例如，使用ref属性获取DOM节点，获取函数组件实例等。

例如，使用ref属性获取DOM节点，获取点：

jsxfunction App() { const inputRef=useRef(null);

const handleClick=()=> { inputRef.current.focus(); };

return ( );}

本篇文章带大家了解一下React中的Ref，介绍一些关于 Ref 你需要知道的知识点，希望对大家有所帮助！

Intro

在 React 项目中，有很多场景需要用到 Ref。例如使用 ref 属性获取 DOM 节点，获取 ClassComponent 对象实例；用 useRef Hook 创建一个 Ref 对象，以便解决像 setInterval 获取不到最新的 state 的问题；你也可以调用 React.createRef 方法手动创建一个 Ref 对象。

虽然 Ref 用起来也很简单，但在实际项目中实战还是难免遇到问题，这篇文章将从源码的角度出发梳理各种和 Ref 相关的问题，理清和 ref 相关的 API 背后都干了什么。