withRef被删除.要访问包装的实例,请在连接的组件上使用ref

Question

我想使用ref从连接组件调用一个函数,所以我之前withRef: true在连接组件中使用过:

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

并在表示部分:

<ExampleComponent ref={
   cmp => { if (cmp) { this.invdividualSenderFormRef = cmp.getWrappedInstance() } } />

更新到react-redux6后,我收到此错误:

 withRef is removed. To access the wrapped instance, use a ref on the connected component

如何在react-redux 6中使用ref？

Answer 1

https://github.com/reduxjs/react-redux/releases/tag/v6.0.0

在withRef连接选项已被替换forwardRef.如果{forwardRef : true}已传递给connect,则向连接的包装器组件添加ref实际上将返回包装组件的实例.

Answer 2

这对我有用：

connect(
    mapStateToProps,
    null,
    null,
    {
      forwardRef: true
    }
  )
)(ComponentName);