Esta es la imagen del error que estoy encontrando aquí.
Todos los códigos se pueden encontrar aquí: https://github.com/callmebhawesh/react/ Pensé que es mejor proporcionar un enlace de github para que pueda ejecutar y ver en lugar de escribir todo aquí.
Cambia la línea Todos en tu App.js
<Todos todo={todos} />a este
<Todos todos={todos} />Básicamente, está tratando de acceder a todos[0] pero está pasando un accesorio llamado todo not todos, por lo que al hacer todos[0] está tratando de acceder a un accesorio indefinido que no existe.
Desde su código, está desestructurando el elemento incorrecto. En su componente <Todos /> , está pasando el primer elemento Todo de la lista. Cada tarea tiene las siguientes propiedades:
En su componente <Todo /> , está tratando de extraer una propiedad "todo", y eso no existe en su objeto. Para obtener su título, desestructuraría el título de su objeto Todo.
const Todo = ({title}) => { // Render here }Puede extraer las otras propiedades según sea necesario.