react 函数式组件ref

在react中，ref属性可以获取子组件的实例或者Dom对象，进而对子组件进行修改，在传统类组件中，通过使用React.createRef()创建，通过ref属性附加到组件使用。

在函数式组件中有所不同：使用forwardRef

父组件：

 子组件：

import React, { createRef, useEffect, useState, forwardRef, useImperativeHandle} from "react";

拿到ref

 通过useImperativeHandle函数进行绑定，

pagerChange为子组件方法，

 从而使父组件可以通过checkelist调用子组件的pagerChange方法；

通过forwardRef把子组件包裹，

注意：如项目中使用了react-redux的connect方法，需要把connect的第四个参数对象的forwardRef设置为true;