1
Parent.tsx
const Parent: React.FunctionComponent = () => {
**Здесь нужно получить ссылку для работы с ней

    return (
    <Child/>
    )
}

Child.tsx
}
const Child: React.FunctionComponent = () => {

    const ref = React.createRef()
    return (
    <div ref={ref.current}>
    )

}
2

1 ответ 1

1

Любые данные, которые нужно передать "вверх" - передаются путем передачи их в функцию, которая переданна из родительского компонента.

Parent.tsx

    const Parent: React.FunctionComponent = () => {
        const [childRef, setChildRef] = useState(null); 
    
        return (
           <Child setRef={setChildRef} />
        )
    }
    
    Child.tsx
    const Child: React.FunctionComponent = ({ setRef }) => {
        const ref = React.createRef()

        useEffect(() => {
           setRef(ref);
        }, [ref]);

        return (
           <div ref={ref.current}>
        )
    
    }

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.