Я пытаюсь удалить данные из моего приложения как в базе данных, так и в пользовательском интерфейсе, но я
немного сбит с толку из-за того, как запросить это действие от реакции. js с помощью ax ios. Я
создал вызов метода, который я назначил обработчику событий для элементов
кнопка «удалить» в моем приложении реакции, но продолжаю получать сообщение «ноль» в
терминал. Я предполагаю, что это приложение говорит мне, что оно не может найти элемент
, который я пытаюсь удалить, и был бы очень признателен, если бы кто-то мог
указать мне правильное направление или дать мне несколько указателей о том, как исправить ошибки, которые я
мог сделать по пути.
Ниже приведен мой код реакции
state = {
title: '',
body: '',
posts: []
}
deleteBlogPosts = () => {
axios.delete(`/api/delete`)
.then((response) => {
console.log(`${response} request deleted`)
})
.catch((err) => {
console.log(err.response)
})
}
displayBlogPosts = (posts) => {
if(!posts.length) return null
return posts.map((post, index) => (
<div className='blog' key={index}>
<h1>{post.title}</h1>
<h5>{post.body}</h5>
<button onClick={this.deleteBlogPosts()}>delete</button>
</div>
))
}
Мой файл API с конечными точками
router.delete('/delete', (req, res) => {
Blog.findOneAndRemove({
_id: req.params.Id
}, (err, data) => {
console.log(data)
if(err) {
res.status(500).json({
msg: 'Houston we have a problem'
})
return
}return res.json({
msg: 'Data was received'
})
})
})