Задать вопрос
@dc65k

Как получить референцию в React (useRef)?

Всем привет, как правильно получить ссылку на ref?
Идея у меня такая, в компоненте App я получаю референцию из компонента 1, и эту ссылку на ноду прокидываю в компонент два.
Ниже моя не правильная реализация.
https://codepen.io/dc65k/pen/gOpNJVB

const { useRef } = React

const ComponentOne = (ref) => {
  return (
    <div ref={ref}>
      <div>ComponentOne</div>
    </div>
  )
}

const ComponentTwo = (node) => {
  console.log(node)
  return (
    <div>
      <div>ComponentTwo</div>
    </div>
  )
}

const App = () => {
  
  const node = useRef(null)
  
  return (
    <div>
      <ComponentOne ref={node}  />
      <ComponentTwo node={node} />
    </div>
  )
}

ReactDOM.render(
  <App />,
  document.getElementById('root')
)
  • Вопрос задан
  • 128 просмотров
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Мидл фронтенд-разработчик
    5 месяцев
    Далее
  • Яндекс Практикум
    React-разработчик
    3 месяца
    Далее
  • Яндекс Практикум
    Фронтенд-разработчик
    10 месяцев
    Далее
Решения вопроса 1
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы
ITK academy Нижний Новгород
от 50 000 до 90 000 ₽
ITK academy Воронеж
от 50 000 до 90 000 ₽
IT ATLAS Москва
от 200 000 до 250 000 ₽