@DaveGarrow

Почему Redux мешает получить Ref компонента?

Есть родитель. В него импортируются два обычных компонента. В родителе добавляю им ref через this.element - React.createRef(). Первый компонент его показывает, а второй нет. Выяснил, что это из-за того, что второй компонент подключен к Redux и проблема в этом. Если сделать обычный экспорт
export default Payment;
вместо
export default connect(mapStateToProps, mapDispatchToProps)(Payment);

тогда и у него ref отображается.
Почему Redux мешает и как получить ref при наличии самого Redux?
  • Вопрос задан
  • 46 просмотров
Решения вопроса 1
ruvasik
@ruvasik
https://www.bryce.ru
Проблема не в redux, а в том, что для него вы используете connect, то есть HOC.
Поэтому надо использовать forwardRef.
https://reactjs.org/docs/forwarding-refs.html
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@DaveGarrow Автор вопроса
Выход - export default connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(Payment);

https://github.com/reduxjs/react-redux/issues/1119
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы