首页 > 技术文章 > hook中ref使用

cnlg123 2019-05-30 17:44 原文

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

推荐阅读