Size: a a a

React: русскоязычное сообщество

2021 March 10

ВД

Вячеслав Додонов... in React: русскоязычное сообщество
Привет всем! 👋 Появилась необходимость передать ссылку на элемент, который лежит в родителе. Однако при передаче ссылке выводится null. Я понимаю, почему. Мне необходимо парсить некоторые параметры из ref, который я передаю в Child компонент. Структура примерно такая:

<Parent>
   <button ref={btnRef}>Кнопка</button>
   <Child refEl={btnRef}>
</Parent>

// Child обрабатывает параметры, полученные из парсинга btnRef

Проблема вся в том, что я не могу парсить null, как можно исправить проблему?
источник

V

Vlad in React: русскоязычное сообщество
Вячеслав Додонов
Привет всем! 👋 Появилась необходимость передать ссылку на элемент, который лежит в родителе. Однако при передаче ссылке выводится null. Я понимаю, почему. Мне необходимо парсить некоторые параметры из ref, который я передаю в Child компонент. Структура примерно такая:

<Parent>
   <button ref={btnRef}>Кнопка</button>
   <Child refEl={btnRef}>
</Parent>

// Child обрабатывает параметры, полученные из парсинга btnRef

Проблема вся в том, что я не могу парсить null, как можно исправить проблему?
forwardRef
источник

V

Vlad in React: русскоязычное сообщество
источник

ВД

Вячеслав Додонов... in React: русскоязычное сообщество
Все равно null передается
источник

V

Vlad in React: русскоязычное сообщество
код
источник

V

Vlad in React: русскоязычное сообщество
в студию
источник

ВД

Вячеслав Додонов... in React: русскоязычное сообщество
источник

ВД

Вячеслав Додонов... in React: русскоязычное сообщество
источник

ВД

Вячеслав Додонов... in React: русскоязычное сообщество
Да и смысл от forwardRef? Мне же не на Menu ссылку вешать надо, а распарсить ее
источник

ВД

Вячеслав Додонов... in React: русскоязычное сообщество
На ум приходит только решение через state, но не очень хочется использовать такой метод
источник

V

Vlad in React: русскоязычное сообщество
пиши не refEl а ref
источник

ВД

Вячеслав Додонов... in React: русскоязычное сообщество
Имя аргумента влияет на результат?
источник

V

Vlad in React: русскоязычное сообщество
могут быть проблемы слегка
источник

V

Vlad in React: русскоязычное сообщество
зарезервированые слова
источник

V

Vlad in React: русскоязычное сообщество
+ ты тут не правильно передаешь рефу
источник

V

Vlad in React: русскоязычное сообщество
const WrappedComponent = React.forwardRef((props, ref) => {
 return <LogProps {...props} forwardedRef={ref} />;
});
источник

V

Vlad in React: русскоязычное сообщество
const WrappedComponent = React.forwardRef(
 function myFunction(props, ref) {
   return <LogProps {...props} forwardedRef={ref} />;
 }
);
источник

ВД

Вячеслав Додонов... in React: русскоязычное сообщество
Ну, ref не является зарезервированным в параметре функции. Что касается изменения, я изменил, но ведь все равно null)
источник

V

Vlad in React: русскоязычное сообщество
попробуй вот так, скорее всего теряется
источник

ВД

Вячеслав Додонов... in React: русскоязычное сообщество
Vlad
const WrappedComponent = React.forwardRef(
 function myFunction(props, ref) {
   return <LogProps {...props} forwardedRef={ref} />;
 }
);
Второй сниппет - и есть мой случай
источник