withRef est supprimé. Pour accéder à l'instance encapsulée, utilisez une référence sur le composant connecté.

Question

Je veux appeler une fonction depuis un composant connecté en utilisant ref, je l'utilisais donc auparavant de withRef: true en composant connecté:

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

et dans la composante de présentation:

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

Après la mise à jour vers react-redux 6, j'ai eu cette erreur:

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

Comment puis-je utiliser ref dans react-redux 6?

Answer 1

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

L'option withRef à connecter a été remplacée par forwardRef. Si {forwardRef : true} a été passé à connect, l’ajout d’une référence au composant encapsulé connecté renvoie en réalité l’instance du composant encapsulé.

Answer 2

C'est un travail pour moi:

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