Improve key assignment logic

Author: nicorithner

react-todos/src/App.js

@@ -12,14 +12,19 @@ function App() {
   const [todos, setTodos] = useState(seededTodos);
 
   const addTodo = (description, assigned) => {
-    if (seededTodos.length > 0) {
-      const newTodo = {
-        rowNumber: todos.length + 1,
-        rowDescription: description,
-        rowAssigned: assigned,
-      };
-      setTodos((todos) => [...todos, newTodo]);
+    let rowNumber = 0;
+
+    if (todos.length > 0) {
+      rowNumber = todos[todos.length - 1].rowNumber + 1;
+    } else {
+      rowNumber = 1;
     }
+    const newTodo = {
+      rowNumber: rowNumber,
+      rowDescription: description,
+      rowAssigned: assigned,
+    };
+    setTodos((todos) => [...todos, newTodo]);
   };
 
   return (