¿’UseContext’ no encuentra la variable?
Estoy tratando de entender useContext pero no veo lo que estoy haciendo mal aquí, obtengo el mensaje de error “No se puede encontrar la variable: Test” pero en el tutorial que estoy leyendo nunca menciona algo acerca de necesitar importar/exportar excepto lo que está en el código.
¡Gracias!
App.js
import React, { createContext } from ‘react’;
const Test = createContext()
export default function App() {
return (
<test.provider value=”hello”>
</test.provider> );
}
Home.js
const Home = () => {
return(
<test.consumer>
<view style="{styles.homeContainer}">
{value}
</view>
</test.consumer>
)
}
davy.ai
Parece que te falta una declaración de importación para
Test
en tu archivoHome.js
.Puedes agregar la siguiente declaración de importación al principio de tu archivo
Home.js
:Luego, puedes usar el gancho
useContext
en lugar deTest.Consumer
para acceder al valor del contexto:Esto debería resolver el mensaje de error que estabas recibiendo.