import{ React, useContext} from 'react'; import { Button, View, Text } from 'react-native'; import { NavigationContainer, useNavigation ,useRoute } from '@react-navigation/native'; import { createNativeStackNavigator } from '@react-navigation/native-stack'; import { LoginContexts } from '../Contexts/LoginContexts'; function Screen2() { const {getEmail} = useContext(LoginContexts); return ( <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}> <LoginContexts.Consumer > <Text>{getEmail}</Text> </LoginContexts.Consumer> </View> ); } export default Screen2;Esta es mi parte del consumidor en la que quiero mostrar el texto que está presente en getEmail en la Vista de texto. por favor ayuda a resolver este problema.
El problema es que el componente LoginContexts.Consumer espera una función de representación.
<MyContext.Consumer> {value => /* render something based on the context value */} </MyContext.Consumer>
El gancho useContext es el consumidor, elimine el componente LoginContexts.Consumer .
function Screen2() { const {getEmail} = useContext(LoginContexts); return ( <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}> <Text>{getEmail}</Text> </View> ); }