Товарищи подскажите плиз, не могу разобратся со связкой useRef и

Question

React Native — русскоговорящее сообщество

Товарищи подскажите плиз, не могу разобратся со связкой useRef и

функциональными компонентами (React Native)
У меня есть мой функциональный кастомный компонент <CustomComponent> ( export default function CustomComponent(props))
и когда я пытаюсь получить ссылку на него с помощью useRef то myRef равно остается null

что то вроде

const myRef = useRef(null)

useEffect(() => {
console.warn("myRef.current", myRef.current);
}, [myRef]);

return (
<View>
<CustomComponent ref={myRef}>
</View>
)
// в этом случае в консоли отображается только myRef.current, undefined

если же использую CustomComponent не фукнциональный а как класс ( export default CustomComponent extends React.Component)

const myRef = useRef(null)

useEffect(() => {
console.warn("myRef.current", myRef.current);
}, [myRef]);

return (
<View>
<CustomComponent ref={myRef}> // теперь тут компонент классовый а не функциональный
</View>
)
// в этом случае в консоли отображается myRef.current, undefined
// затем после инициализации myRef :
// myRef.current {"_children": [], "_nativeTag":...

Скажите пожалуйста есть ли возможность использовать useRef на кастомных функциональных компонентах каким либо образом или же можно только на классовых компонентах?

#mobile #programming #reactnative #russian

0

08.04.2020

1 ответов

16 просмотров

dan Andreev · Accepted Answer

dan Andreev

Посмотри forwardRef.

0

08.04.2020

169 похожих чатов

Товарищи подскажите плиз, не могу разобратся со связкой useRef и

1 ответов

Похожие вопросы