Unable to Pass the data to API using react-native-element-dropdown - react-native

Question

How to pass the data to API?
//Parent Componet - in updateval function, i m trying get the selected values from dropdown but i am not getting to know how to get that.
import ElementDropdown from '../Components/ElementDropdown';
class ScanScreen extends Component {
constructor(props) {
super(props);
}
updatedVal=(item,value)=>{
console.log("hgfgf",item,value);
}
render() {
return (
<ElementDropdown text={'Country'} label={['Germany','India']} updatedVal={this.updatedVal}/>
<ElementDropdown text={'Store'} label={['Dusseldolf','Bangalore']} updatedVal={this.updatedVal}/>
)
}
}
export default ScanScreen;
//Child component - I m trying to send selected values from dropdown list to parent in updatedval.
import React, { useState } from 'react';
import { StyleSheet, Text, View } from 'react-native';
import { Dropdown } from 'react-native-element-dropdown';
import BPText from './BPText';
import ThemeColors from '../themes/bp-themes/variables/themeColors';
const ElementDropdown = (props) => {
const { text, label,updatedVal } = props;
const [value, setValue] = useState(null);
const [isFocus, setIsFocus] = useState(false);
const data = [
{ label: label[0], value: "id1" },
{ label: label[1], value: "id2" },
];
return (
<View style={styles.container}>
<View style={styles.textContainer}>
<BPText type="Light" style={{ color: ThemeColors.themeColorYellow }}>
{text}
</BPText>
</View>
<View style={styles.dropContainer}>
<Dropdown
style={[styles.dropdown, isFocus && { borderColor: 'blue' }]}
selectedTextStyle={styles.selectedTextStyle}
iconStyle={styles.iconStyle}
placeholderStyle={styles.placeholderStyle}
data={data}
maxHeight={300}
labelField="label"
valueField="value"
item
placeholder={label[0]}
value={value}
onFocus={() => setIsFocus(true)}
onBlur={() => setIsFocus(false)}
onChange={item => {
setValue(item.value);
setIsFocus(false);
//setIsDefalut(false);
updatedVal(item,label[0],label[1]);
}}
/>
</View>
</View>
);
};
export default ElementDropdown;
const styles = StyleSheet.create({
container: {
borderBottomWidth: 0.5,
borderBottomColor: 'white',
flexDirection: 'row',
marginLeft: 40,
marginRight: 40,
marginTop: 10,
justifyContent: 'center',
alignItems: 'center',
},
textContainer:{
flex:1
},
dropContainer: {
flex: 2,
},
dropdown: {},
icon: {
marginRight: 5,
},
selectedTextStyle: {
color: 'white',
},
iconStyle: {
width: 20,
height: 20,
tintColor: 'white'
},
placeholderStyle:{
color:'white'
}
});