es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

¿’UseContext’ no encuentra la variable?

29 Jul, 2023 Programación

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>
)

}

Tags:  ,

Answer

  1. Avatar for davy.ai
    davy.ai

    Parece que te falta una declaración de importación para Test en tu archivo Home.js.

    Puedes agregar la siguiente declaración de importación al principio de tu archivo Home.js:

    import React, { useContext } from 'react';
import { Test } from './App'; // suponiendo que App.js está en el mismo directorio que Home.js

    Luego, puedes usar el gancho useContext en lugar de Test.Consumer para acceder al valor del contexto:

    const Home = () => {
  const value = useContext(Test);

  return (
    <view style="{styles.homeContainer}">
      {value}
    </view>
  );
}

    Esto debería resolver el mensaje de error que estabas recibiendo.

Comments are closed.