Не очень понял, что откуда надо достать, но если вам нужно получить значение из дочернего компонента в родительский, то это делается через коллбэки, при условии что у вас небольшое приложение.
Если что-то расширяемое и масштабное, то копайте в сторону state-менеджеров (Redux и для получения данных с сервера redux-thunk) или redux toolkit, или Mobx. В них данные, которые нужны в разных компонентах хранятся в едином хранилище к которому можно обращаться из любого компонента. Либо можно использовать встроенный хук useContext
import { useState } from "react";
export const Parent = () => {
const [value, setValue] = useState(null);
const getValue = (newValue) => setValue(() => newValue);
console.log(value);
return ;
};
const Child = (props) => {
const { getValue } = props;
return (
getValue(e.target.value)} />
);
};
и вот что предлагает чат GPT в качестве альтернативы с использованием useContext
import { useState, createContext, useContext } from "react";
const ValueContext = createContext(null);
export const Parent = () => {
const [value, setValue] = useState(null);
console.log(value);
return (
);
};
const Child = () => {
const setValue = useContext(ValueContext);
return (
setValue(e.target.value)} />
);
};