如何通过useImperativeHandle在React组件中实现长尾词的引用传递？

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

目录

1.前言

2.初探 useImperativeHandle

3.获取元素的几种方式

3.1 useRef：获取组件内部元素 3.2 forwardRef：父组件获取子组件内部元素 3.3 useImperativeHandle：父组件获取/操作子组件

目录

• 1.前言
• 2.useImperativeHandle初探
• 3.获取元素的几种方式
• 3.1 useRef：获取组件内部元素
• 3.2 forwardRef：父组件获取子组件内部的一个元素
• 3.3 useImperativeHandle：父组件可以获取/操作儿子组件多个元素

1.前言

相比大家看到useImperativeHandle会感到十分陌生，但部分开源代码经常会出现它的身影，网上查阅的资料也是含糊不清。经过一翻资料查询，终于摸清了一点，现在分享给各位爷。

2.useImperativeHandle初探

React官网的定义

useImperativeHandle可以让你在使用ref时自定义暴露给父组件的实例值。

个人理解

官网的话用大白话解析：useImperativeHandle的作用是将子组件的指定元素暴漏给父组件使用。