TypeError: handel_users_id不是函数

Question

我试图通过回调函数从Usercontroller.js组件到users.js组件。不工作． 当我试图传递prop时，我得到这个错误:

TypeError: handel_users_id is not a Function

下面是我的代码: <标题>Usercontroller.js h1> 是我的第二个文件名User.js <标题>users.js h1> 人知道我做错了什么吗?

Answer 1

您应该删除传递给Users组件中的handle_users_id的参数，因为您已经在组件外部定义了该函数。

function Users() {
handle_id = (id) => {
console.log(handel_users_id,"prop")
}
return (
<>
<Button layout="link" size="icon" aria-label="Edit" onClick={() => handel_users_id(user.firebase_id)}>
<EditIcon className="w-5 h-5 mx-3" aria-hidden="true" />
</Button>
</>
)
}