为什么我会收到 TypeError: Cannot read property 'done' of undefined in todoapp?

Question

由于某种原因，我在我的简单反应待办事项应用程序中收到此错误：

知道如何解决这个问题吗？我看不出任何错误，我是 React 框架的初学者。我非常感谢任何帮助。提前谢谢大家。

我还添加了所需的其余代码，所以一定要检查一下。

App.js

import React from 'react'
import Todo from './Todo'

function TodoList({todos,toggleTodo}) {
    return (
        <div>
            {todos.map(todo=>(
  <Todo todo={todo} toggleTodo={toggleTodo}/>
            )
              
            )}
        </div>
    )
}

export default TodoList

TodoList.js

import React from 'react'

function Todo({todo,toggleTodo}) {
    
  function handleTodoClick(id){
    toggleTodo(id)
  }
  
  return (
        <div>
          {todo.name} <input checked={todo.done} type="checkbox" onChange={handleTodoClick}></input> 
        </div>
    )
}

export default Todo

Todo.js

update.effective_message.reply_text