React Native: возвращает значение из дочернего компонента в родительский, пока дочерний элемент получает данные от родит ⇐ Javascript

[Anonymous]

Изначально я следовал этому ответу StackOverflow, чтобы получить данные из дочернего компонента, но, учитывая, как я настроил компонент (на основе другого ответа StackOverflow, который я с тех пор потерял), я не могу вернуть данные. Вместо этого я получаю следующую ошибку:
TypeError: data.handleCallback is not a function (it is undefined)

Я не совсем уверен, как вписать это решение в свою систему. Есть совет?
import {
ChevronDownIcon,
Select,
SelectBackdrop,
SelectContent,
SelectDragIndicator,
SelectDragIndicatorWrapper,
SelectIcon,
SelectInput,
SelectItem,
SelectPortal,
SelectTrigger,
} from '@gluestack-ui/themed';

import React from 'react';

const dict={}

interface props {
data: typeof dict
}

const SelectorComponent: React.FC = ({ data }) => {
const [selectedValue, setSelectedValue] = React.useState('');
const _onChangeText = (itemValue: string) => {
setSelectedValue(itemValue);
data.handleCallback(itemValue);
}
return (
{_onChangeText(itemValue);
console.log('Selected value:', itemValue)
}}
>










{Object.entries(data).map(([key, value]) => (

))}



);
};

export default SelectorComponent;


Подробнее здесь: https://stackoverflow.com/questions/798 ... is-receivi