Reutilizar componentes

Fáciles y de open source y para toda la familia xD

1. A cada tarea en tareas/index le ponemos dos botones uno de editar y otro de eliminar al de editar le decimos que vaya a la ruta /tareas/guardar/${usu_id}/${tar_id} y le mandamos por la URL el usuario-id y la tarea-id. Creamos la ruta en app.js

2. Esta ruta renderiza el mismo componente Guardar.js recibimos por URL estas variables y decimos en el componentDidMount() si esas variables existen en la URL, llamo a los dos actions que modifique los inputs y estado por la tarea que se le dio click.

3. El manejador de click del botón de guardar ahora va a agregar o editar tareas, asi que pregunto si existen las variables en la URL creo un objeto tiene los valores que va modificar en la API, y llamo a un dispatch llamado editar() y le paso la tarea_editada

Conclusión: En el mismo componente de Guardar.js hicimos que se puedan modificar tareas existente o crear tareas depende la ruta, que ambas renderizan Guardar.js

Ya se va entendiendo el curso e hilando todo lo anterior.

va super bien el curso

Excelente, ahora todo cobra sentido 😄.

Excelente clase. 🙂

Excelente!!!

Muy buena la explicación

Como que esta interesante la clase (y)

Muy buen curso!!! Me está gustando mucho!!!

Excelente clase

Dejo mi codigo por que no me funciono con el del profesor:

if(usu_id && tar_id) {
            Object.values(tareas).map((tarea) => {
                if(tarea['userId'] == usu_id && tarea['id'] == tar_id) {
                    cambioUsuarioId(tarea['userId']);
                    cambioTitulo(tarea['title']);
                }
                }
            )
        }

Entendido

para el texto del botón

<button disabled={!usuario_id || !titulo} onClick={this.handleClick}>
	{!usu_id && !tar_id ? 'Guardar' : 'Editar'}
</button>