自定义类组件无法ref的解决方法 React

 Warning: Function components cannot be given refs. Attempts to access this ref will fail. Did you mean to use React.forwardRef()?

不仅是一个警告，而且完全没有触发ref方法。

React版本：16.8.6

检查需要ref出来的类组件是否使用了redux或dva的connect，如果用了的话在connect内加入{ forwardRef: true }：

export default connect(mapStateToProps,null,null,{ forwardRef: true })(component)

看到有一篇答案写的withRef，但是我用了报错，遂改为forwardRef。{ forwardRef: true }一定是第四个参数，前面三个有就写上，没有就用null代替。

好像还看到有人说加了{ forwardRef: true }就不能调用dispatch了，我还没试。

标签：自定义,ref,React,forwardRef,connect,null,true
来源： https://blog.csdn.net/HiIAN1103/article/details/122112534