➕ feat: uuid

linder3hs · Apr 11, 2024 · 12a2243 · 12a2243
1 parent 351998b
commit 12a2243
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 3 deletions.
diff --git a/semana-9/todolist/package-lock.json b/semana-9/todolist/package-lock.json
diff --git a/semana-9/todolist/package.json b/semana-9/todolist/package.json
@@ -11,7 +11,8 @@
   },
   "dependencies": {
     "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react-dom": "^18.2.0",
+    "uuid": "^9.0.1"
   },
   "devDependencies": {
     "@types/react": "^18.2.66",

diff --git a/semana-9/todolist/src/App.jsx b/semana-9/todolist/src/App.jsx
@@ -1,6 +1,7 @@
 import { useState } from "react";
 import { DeleteForm, InputTask, Modal, UpdateForm } from "./components";
 import { tasks, saveTasksInLocalStorage } from "./utils";
+import { v4 as uuidv4 } from "uuid";
 
 export default function App() {
   // Es el estado de la lista de tareas
@@ -19,7 +20,7 @@ export default function App() {
   };
 
   const handleListTask = (task) => {
-    task.id = listTasks.length + 1;
+    task.id = uuidv4();
     const newTasks = [...listTasks, task];
     setListTask(newTasks);
     saveTasksInLocalStorage(newTasks);