hook中和class组件中使用refs

hook使用ref

父组件：

             引入                  useRef

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

               复值给组件         ref={dateRef}

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

子组件：

             引入                    useImperativeHandle,forwardRef

             例如在子组件DateRange中使用

                                            function DateRange(props, ref) {

                                                          useImperativeHandle(ref, () => ({

                                                                   funName:()=>{}// 好像不行

showDialog() {

setcommoditydialog(true);

}//这样就行。试试看

                                                           })

                                             }

              

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

                                            export default DateRange