Middle
Ha eltávolítod a ref hivatkozást egy osztálykomponensről, akkor a ref értéke az osztály példánya lesz. Lehetséges-e hasonló dolgot tenni egy funkcionális komponenssel — ref-et átadni és benne például egy, a komponensen belül deklarált függvényt kapni?
sobes.tech MI
Válasz az MI-től
В функциональных компонентах React напрямую получить instance, как в классовых, нельзя, так как у функциональных компонентов нет экземпляра класса. Однако можно использовать forwardRef вместе с useImperativeHandle, чтобы передать ref и определить, какие методы или свойства будут доступны извне.
Пример:
import React, { useImperativeHandle, forwardRef, useRef } from 'react';
const MyComponent = forwardRef((props, ref) => {
const localRef = useRef();
useImperativeHandle(ref, () => ({
myFunction: () => {
console.log('Вызов функции из родителя');
}
}));
return <div ref={localRef}>Пример компонента</div>;
});
// Использование:
// const ref = React.createRef();
// <MyComponent ref={ref} />
// ref.current.myFunction();
Таким образом, можно "экспонировать" функции или данные из функционального компонента через ref.