Реагируйте, как получить доступ к child ref в parent

Question

Я пытаюсь получить доступ к ребенку Ссылка в родительском родителе, мне кажется, я не могу это понять, кто-нибудь знает, как мне этого добиться,

// Child
const RightMenu = ({t}) => {

  const juraLiveIconRef = useRef();

  return (
     <Row className="pt-4">
        <Col>
          <img
            ref={juraLiveIconRef}
            src={require("../../assets/jura-live-grey.png")}
          />
        </Col>
     </Row>
  )
}

 //Parent1
const BottomMenu = ({ t}) => {

   <div className="bottom-menu-right-menu">
      <RightMenu />
   </div>

}

 //Parent2
const Home = ({ t }) => {

   <div>
    <BottomMenu />
   </div>
}

Мне нужнодля доступа к ссылке в компоненте Home (parent2) любая помощь будет признательна.

Answer 1

Поднимите ref на Parent и добавьте его внутрь Child

const Parent = () =>{
    const ref = useRef(null)

    return <Child parentRef={ref} />
}

const Child = props => <GrandChild {...props}/>

const GrandChild = ({ parentRef }) => <div ref={parentRef} />

Вы можете передать refвниз, как обычный prop, если вы не называете это ref