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