前端

React中ref引用connect连接redux后的组件

2019-08-01聚力创意

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

在项目开发中使用ref引用组件时,出现了上面的报错信息,原因是在组件中使用了react-reduxconnect连接 reduxconnect是一个返回高阶组件的高阶函数,react-redux旧版本中可以在第四个参数加入{withRef: true}

connect(mapStateToProps, mapDispatchToProps, null, { withRef: true })

react-redux 6中会提示withRef is removed,需要换成{forwardRef: true}

connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })
蜀ICP备17044229号