Capitolo 8 - Modifica elemento non segnalato 8.8

[NersOfficial]

Nel codice del listato 8.8, nello specifico quello inerente all'elemento TodoList è stata aggiunta la prop id={t.id} senza segnalare la modifica in grassetto.

Listato 5.25, penultima versione del codice

export default function TodoList({ todos }) {
 const todoItems = todos.map((t) => (
 <TodoItem key={t.id} done={t.done} text={t.text} />
 ));
 return <ul className="list-group pb-3">{todoItems}</ul>;
}

Listato 8.8

export default function TodoList({ todos, onTodoUpdate }) {
 const todoItems = todos.map((t) => (
  <TodoItem
   key={t.id}
>>   id={t.id}
   done={t.done}
   text={t.text}
   updateTodo={onTodoUpdate}
  />
 ));
 return <ul className="list-group pb-3">{todoItems}</ul>;
}