Tengo problemas con "TouchableOpacity" "onPress". Cuando hago clic en él, no pasa nada. Lo hice como un componente para poder llamarlo desde app.js.

¿Estoy haciendo algo mal? ¡Por favor ayuda!

Aquí está mi código:

 const DropDownBox = () => { const [SelectedValue, SetSelectedValue] = useState(-1); function ComboBox() { return ( <View style={styles.container}> <ModalDropdown options={LeavesData} defaultValue="Please Select Leave" style={styles.dropdownContainer} textStyle={styles.DropdownText} dropdownStyle={styles.dropdownbox} onSelect={SetSelectedValue} > </ModalDropdown> </View> ) } //Index to Value var Value = ""; Value = LeavesData[SelectedValue]; return ( <View> <TouchableOpacity onPress= {() => ComboBox()} > <Text style={styles.dropdownContainer}>Please Select</Text> </TouchableOpacity> <Text style={styles.displayText} >{Value} selected </Text> </View> ) } export default DropDownBox;