Del curso: React Hooks esencial

Accede al curso completo hoy mismo

Únete hoy para acceder a más de 24.800 cursos impartidos por expertos del sector.

Utilizar useReducer en conjunto con context

Utilizar useReducer en conjunto con context - Tutorial de React.js

Del curso: React Hooks esencial

Comenzar mi mes de prueba gratis Comprar para mi equipo

Utilizar useReducer en conjunto con context

“

En esta lección te voy a mostrar cómo utilizar en conjunto un reducer con el contexto. Tengo acá una aplicación que tiene un reducer en el cual tenemos ya dos diferentes acciones, una que se llama seleccionar y otra desSeleccionar, que va a modificar el estado, específicamente en la propiedad de status, y la vamos a cambiar del valor 0 al 1, dependiendo del dispatcher que estemos enviando. Tenemos también definido el hook llamado reducer que nos permite crear un reducer y ejecutar este dispatcher, al mismo tiempo que podemos crear un estado. Este reducer se parece mucho al useState en el sentido de que puede crear un estado, pero además, al utilizar un dispatch, nos permite escuchar eventos para poder modificar ese estado. Estoy aplicando exactamente ese mismo concepto acá en este botón onClick que está llamando al dispatch que se encuentra acá definido en el reducer y está enviando el valor seleccionar para modificar la propiedad de el status en este caso a 1. Vamos a modificar este…

Contenido