• Inicio
  • Iniciar sesión
  • Crear cuenta
  • Explorar cursos
  • Bootcamps
  • Precios
  • Blog

¡Califica el Curso Profesional de React!

Selecciona la calificación de 1 a 5 estrellas

Reporta un error

Curso Curso Profesional de React

Video React context en práctica

Tipo de error

Algo salió mal al cargar el vídeo

El vídeo no pudo cargarse, hemos enviado un reporte al equipo de desarrollo, para poder solucionarlo a la brevedad.

Mientras solucionamos el problema, intenta lo siguiente para solucionar el error:

  • Recarga la página
  • Intenta reiniciar tu navegador y luego vuelve a reproducir el vídeo
  • Vacía el caché de tu navegador
  • Intenta reproducir con las extensiones del navegador deshabilitadas
  • Intenta con un navegador distinto
  • Si el problema persiste contáctanos en Discord
home Ir al inicio report_problem Reportar falla star Valorar curso

¡Desbloquea vídeos ilimitados! Sube a Premium

Necesitas premium para acceder a este contenido. Suscríbete por $26USD al mes

Suscribirme
  • check_circle_outline
    Módulo 1 | 4 clases

    Introducción

    expand_more
  • check_circle_outline
    Módulo 2 | 7 clases

    JSX - Templates

    expand_more
  • check_circle_outline
    Módulo 3 | 10 clases

    Componentes

    expand_more
  • check_circle_outline
    Módulo 4 | 3 clases

    Formularios

    expand_more
  • check_circle_outline
    Módulo 5 | 4 clases

    Code splitting

    expand_more
  • check_circle_outline
    Módulo 6 | 4 clases

    React context

    expand_more
    • done_all

      Clase 1

      Qué es React Context

    • done_all

      Clase 2

      React context en práctica

    • done_all

      Clase 3

      Actualizando el contexto

    • done_all

      Clase 4

      Otros ejemplos del uso de contexto

  • check_circle_outline
    Módulo 7 | 3 clases

    Cómo funciona React

    expand_more
  • check_circle_outline
    Módulo 8 | 7 clases

    Componentes de clase

    expand_more
  • check_circle_outline
    Módulo 9.-

    Examen del curso

    expand_more
    • done_all

      Examen

      Examen final del curso

6 comentario(s)

Juan Villarreal

06 Noviembre 22

more_vert
  • Resuelta

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

Pablo M

06 Febrero 22

1
more_vert
  • Resuelta
el shortcut para crear un componente es con rafc, sino funciona revisa si tienes instalado eslint

Jose Francisco Gutierrez Molina

09 Diciembre 20

1
more_vert
  • Resuelta
Se puede crear varios contextos en App para que cada vista tenga uno especifico. Para tener mas organizados los datos. 

@JuanING

20 Octubre 20

1
more_vert
  • Resuelta
https://github.com/juanccamachob94/react-context

Mario Zeballos

15 Agosto 20

more_vert
  • Resuelta
Tengo este error,  TypeError: context is undefined. El ThemeContext esta vacio.

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

フ乇丂ひ丂

25 Febrero 20

more_vert
  • Resuelta

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

React context en práctica

arrow_back Siguiente arrow_forward

27/42

Curso Profesional de React