reactjs - How to pass withRef to injectIntl while using JavaScript ES6 decorator syntax

Question

I need to access the child component's method, while the child component is wrapped in injectIntl. I found some answers suggesting to add {withRef: true} as a parameter.

The following code works well. I can access the method through ref as I wish.

import React, {Component} from 'react';
import {injectIntl} from 'react-intl';

class MyComponent extends Component {
  // ...
}

export default injectIntl(MyComponent, {withRef: true});

But, in our project, we always use the decorator syntax to wrap component as follows:

import React, {Component} from 'react';
import {injectIntl} from 'react-intl';
import _curryRight from "lodash/curryRight";
import compose from "recompose/compose";

@compose(_curryRight(injectIntl)())
export default class MyComponent extends Component {
  // ...
}

The question is I don't know how to pass {withRef: true} in the 2nd style of coding. Is it possible to do that?

question from:https://stackoverflow.com/questions/65896904/how-to-pass-withref-to-injectintl-while-using-javascript-es6-decorator-syntax

Answer 1

Waitting for answers