Saltar al contenido

aplicación de lista de tareas en el ejemplo de código de react js

Andrés, miembro de este equipo, nos ha hecho el favor de crear esta reseña ya que domina a la perfección el tema.

Ejemplo: todo usando react js

// File: Todo.js// [...]functionTodo()const[tasks, setTasks]=useState([
                title:"Grab some Pizza",
                completed:true,
                title:"Do your workout",
                completed:true,
                title:"Hangout with friends",
                completed:false]);constaddTask=title=>const newTasks =[...tasks, title, completed:false];setTasks(newTasks);;constcompleteTask=index=>const newTasks =[...tasks];
            newTasks[index].completed=true;setTasks(newTasks);;return(<div className="todo-container"><div className="header">TODO-ITEMS</div><div className="tasks">tasks.map((task, index)=>(<Task
                        task=task
                        index=index
                        completeTask=completeTask
                        key=index/>))</div><div className="create-task"><CreateTask addTask=addTask/></div></div>);// [...]

Comentarios y puntuaciones del post

Si para ti ha sido de utilidad este post, nos gustaría que lo compartas con otros desarrolladores de esta manera nos ayudas a extender este contenido.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *