今天遇到了一个问题关于ref的因为使用vue较多比较喜欢使用ref在父组件中使用子组件自身的函数
父组件
子组件
出现了报错
大概知道问题出在了子组件export 的时候,因为我加了代码他就报错了一开始没使用umi 的connect,经过查证知道了问题所在:
我一开始没有使用forwardRef,直接使用的是我注释的这一行代码出现了问题,经过查证知道原因:
在使用 umi connect
时,被连接的组件会被包装在 React-Redux
的 Connect
组件中,这个组件可能会覆盖被包装组件上的 ref
属性。因此,您可能无法直接访问被包装组件的 ref
属性。forwardRef就是用来将子组件的ref暴露给组件让父组件的ref属性挂载在子组件上