perdon aqui veo un objeto literal suelto que estamos encadenando al contexto mediante el provider , voy empezando en esto pero dentro de App yo puedo usar a mi antojo este objeto literal o pasarlo por props como hemos aprendido , me esta quedando la idea que el contexto sera una libreria de funciones o componentes funcionales como les llaman aqui y de alla jalaremos la info algo mas privado mas encapsulado aqui me imagino por ser el primer ejemplo agarramos un objeto literal suelto y lo encadenamos al context
¡Desbloquea vídeos ilimitados! Sube a Premium
Necesitas premium para acceder a este contenido. Suscríbete por $26USD al mes
-
check_circle_outlineMódulo 1 | 4 clases
Introducción
expand_more -
check_circle_outlineMódulo 2 | 7 clases
JSX - Templates
expand_more -
check_circle_outlineMódulo 3 | 10 clases
Componentes
expand_more -
check_circle_outlineMódulo 4 | 3 clases
Formularios
expand_more -
check_circle_outlineMódulo 5 | 4 clases
Code splitting
expand_more -
check_circle_outlineMódulo 6 | 4 clases
React context
expand_more -
check_circle_outlineMódulo 7 | 3 clases
Cómo funciona React
expand_more -
check_circle_outlineMódulo 8 | 7 clases
Componentes de clase
expand_more -
check_circle_outlineMódulo 9.-
Examen del curso
expand_more-
done_all
Examen
Examen final del curso
-
6 comentario(s)
Se puede crear varios contextos en App para que cada vista tenga uno especifico. Para tener mas organizados los datos.
Tengo este error, TypeError: context is undefined. El ThemeContext esta vacio.
import React, { useContext } from 'react';
import React, { useContext } from 'react';
import { ThemeContext } from './App';
export default (props)=>{
const context = useContext(ThemeContext);
console.log('contexo ... --> ',context);
return (
<button
style={{
backgroundColor: context.backgroundColor,
color: 'white'
}}
>
clickMe
</button>
)
}
igual funcionaba si se pasaba el objeto completo y en el componente consumidor se accede a la propiedad del estilo deseado, ej:
<ThemeContext.Provider value={themes}> ... <button style={context.dark}>
Clase 27