使用React的useImperativeHandle Hook来转发多个ref

在React中，我们经常需要在组件之间传递引用（ref）。通常情况下，我们可以使用React的forwardRef函数来传递单个ref。然而，有时候我们需要传递多个引用，这就需要一种不同的方法。在本文中，我们将介绍如何使用React的useImperativeHandle Hook来实现这一目标。

useImperativeHandle Hook允许我们自定义在使用ref时暴露给父组件的实例值。通过使用该Hook，我们可以选择性地暴露组件中的特定函数或属性，以便父组件可以直接访问它们。这为我们提供了一种在组件之间共享多个ref的方法。

让我们来看一个示例，假设我们有一个名为ChildComponent的子组件，它包含两个需要转发的ref：ref1和ref2。

import React, {
   
    forwardRef, useImperativeHandle } from 'react';