我是新来的反应者,有点喜欢它。
我有以下代码:
const handleDelete = e => {
const token = getCookie('token');
e.preventDefault();
axios
.delete(
`${process.env.REACT_APP_API_URL}/user/delete/${id}`,
{
headers: {
Authorization: `Bearer ${token}`
}
}
)
.then(res => {
loadProfile(res, () => {
toast.danger('Profile successfully deleted');
});
})
.catch(err => {
console.log(err.response);
});
};
并且它应该创建一个API请求以从数据库中删除用户,并且即使我将ID硬编码到上面的代码中(出于测试目的),该请求也可以正常工作。
我的计划是handleDelete
使用这样的按钮调用该函数:
<button
...
type="button"
onClick={() => handleDelete()}
>
<i className='fas fa-trash-alt w-6 -ml-2' />
Delete {user.name}
</button>
我的问题是我需要将User的ID解析为该handleDelete
函数,并且我尝试这样做 onClick={() => handleDelete(user._id)
问题是,如果我再这样做:
const handleDelete(id) = e => {
const token = getCookie('token');
...
我收到一个错误消息,指出存在意外令牌 handleDelete(id)
我该如何解决并将ID发送给删除功能,谢谢。
代替
const handleDelete(id) = e => {
尝试使用
const handleDelete = (e, id) => {
然后在您将要设置onClick处理程序的按钮上按如下方式使用它
onClick={e => handleDelete(e, user._id)}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句