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