Parent.tsx
const Parent: React.FunctionComponent = () => {
**Здесь нужно получить ссылку для работы с ней
return (
<Child/>
)
}
Child.tsx
}
const Child: React.FunctionComponent = () => {
const ref = React.createRef()
return (
<div ref={ref.current}>
)
}
-
reactjs.org/docs/lifting-state-up.html– entithat21 янв 2022 в 15:07
-
передайте функцию просто, которая изменяет стейт родителя– entithat21 янв 2022 в 15:08
Добавить комментарий
|
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}>
)
}