Javascript ReactJS..事件处理程序使用其中一个道具，但不是所有道具

我正在尝试将id prop发送给偶数处理程序来处理事件。我有一个映射函数，将名称和id作为prop发送，如下所示。当我尝试将id发送到Delete Todo组件中的事件处理程序时，我在console.log（）中得到了未定义的id。但是当我使用prop这个名称时，console.log（）可以正常工作。你知道我到底错过了什么吗。请帮忙

    const todolistt=todolist.map(td=>{
            return (
                <div>
              
                    <Deletetodo todo={td.id} name={td.name}  />
    
               </div>
            )
        })
     const handleDelete=(id)=>{
        console.log(id)//Getting undefined
    }
    const Deletetodo = ({id,name}) => {
        return (
    
            <div>
                <h1>{name}</h1>
                <p onClick={()=>{handleDelete(id)}}>X</p>
            </div>
        )
    }
    const handleDelete=(name)=>{
        console.log(name)//Name appers
    }
    const Deletetodo = ({id,name}) => {
    
        return (
    
            <div>
                <h1>{name}</h1>
                <p onClick={()=>{handleDelete(name)}}>X</p>
            </div>
        )
    }
    
       

const todolist=todolist.map（td=>{
返回(
)
})
常量handleDelete=（id）=>{
console.log（id）//未定义
}
常量Deletetodo=（{id，name}）=>{
返回(
{name}
{handleDelete（id）}}>X
)
}
常量handleDelete=（名称）=>{
console.log（name）//名称appers
}
常量Deletetodo=（{id，name}）=>{
返回(
{name}
{handleDelete（name）}}>X
)
}

您需要将道具命名为“id”，如下所示：

<Deletetodo id={td.id} name={td.name}  />

---

您正在传入一个名为“todo”的道具，但正在查找一个名为“id”的道具。

我没有正确地看到您的代码。嗯……谢谢