hook中ref使用

hook使用ref

父组件：

             引入                  useRef

               声明ref的名字     const dateRef = useRef()

               复值给组件         ref={dateRef}

               使用                  dateRef.current.funName下面的方法

子组件：

             引入                    useImperativeHandle,forwardRef

             例如在子组件DateRange中使用

                                            function DateRange(props, ref) {

                                                          useImperativeHandle(ref, () => ({

                                                                   funName:()=>{}

                                                           })

                                             }

              

                                            DateRange = forwardRef(DateRange)//进行一层包装在导出

                                            export default DateRange

转载于:https://www.cnblogs.com/cnlg123/p/10951038.html