React.forwardRef的使用说明

React.forwardRef实际上就是当父组件需要得到子组件元素时，可以利用forwardRef来实现。该方法接受一个有额外ref参数的React组件函数，不调用该方法，普通的组件函数是不会获得该参数的。
在React中，ref的作用是获取实例，可能是DOM实例，也可能是ClassComponent的实例。但是，如果目标组件是一个FunctionComponent的话，是没有实例的（PureComponent），此时用ref去传递会报错。而React.forwardRef会创建一个React组件，这个组件能够将其接受的ref属性转发到其组件树下的另一个组件中。
这种技术并不常见，但在以下两种场景中特别有用：

1. 转发refs到DOM组件：在高阶组件中转发refs实例，例如点击搜索按钮时，让文本输入框处于聚焦状态。
2. 普通用法：例如创建一个可聚焦的文本输入框。
   在使用React.forwardRef时，需要注意以下几点：
3. ref和key有点特殊，不会作为props参数向下传递，this.props拿不到ref对象。
4. 函数组件是没有实例的，可以用useImperativeHandle实现部分功能。
5. 高阶组件需做特殊处理（父 -> 子 -> 子(Dom)）。
6. React.forwardRef与常规React组件一样，也可以使用其他props（除ref之外）。
7. React.forwardRef并不能解决所有的ref问题，只有在需要将ref从一个不直接渲染DOM的组件转发到另一个需要它的组件时，才应该使用它。
8. React.forwardRef是React 16.3版本中引入的API，使用前需要确保你的React版本支持该API。
   总的来说，React.forwardRef是一个强大且有用的工具，可以帮助我们在某些情况下更好地控制和访问DOM元素或组件实例。但是，它也有其局限性，需要谨慎使用。在使用过程中，我们需要充分理解其工作原理和适用场景，并根据实际情况进行选择和应用。