Использование ссылок с response-redux 6.0.0 и декораторами

Question

У меня есть следующий компонент:

export default
@connect(null, dispatch => ({ dispatch }))
class MyComponent extends React.PureComponent {

}

И у меня есть компонент, обертывающий его:

export default class MyWrapper extends React.PureComponent {
  comp = React.createRef();

  render() { 
    return <MyComponent ref={this.comp}/>
  }
}

Как мне получить доступ к MyComponent с помощью ссылок?

Я попытался {withRef: true}, затем попытался {forwardRef: true} и получил всевозможные ошибки.

Answer 1

Проблема с "react-redux": "7.0.0".Функция connect была реализована как функциональный компонент реакции, поэтому @decorators больше не работает.

Answer 2

За React-Redux connect Документы , вам необходимо передать {forwardRef : true} в качестве опции connect:

connect(mapState, mapDispatch, mergeProps, {forwardRef : true}

Это то же самое, что и выМы используем connect в качестве отдельной функции или в качестве декоратора.

На этом примечании: для справки мы не рекомендуем использовать connect в качестве декоратора.