Reactjs 在react中的函数内导航
“/book”页面中有一个删除按钮。单击此按钮时,它应该删除服务器中的内容(这很好)。但删除记录后,页面应刷新。但这并没有发生Reactjs 在react中的函数内导航,reactjs,rest,Reactjs,Rest,“/book”页面中有一个删除按钮。单击此按钮时,它应该删除服务器中的内容(这很好)。但删除记录后,页面应刷新。但这并没有发生 <Button onClick={(e) => { this.deleteRecord(e, k.id) }}>Delete</Button> 对于刷新页面,我个人使用: window.location.reload(false); 对于刷新页面,我个人使用: window.location.reload(false); 您应该将路
<Button onClick={(e) => { this.deleteRecord(e, k.id) }}>Delete</Button>
对于刷新页面,我个人使用:
window.location.reload(false);
对于刷新页面,我个人使用:
window.location.reload(false);
您应该将路由器事件放入。然后,因为这两个函数同时执行,没有顺序
您所追求的算法是:删除>路由。
没有这些,你就无法控制正在发生的事情
在你的街区里
您应该将路由器事件放入。然后,因为这两个函数同时执行,没有顺序
您所追求的算法是:删除>路由。
没有这些,你就无法控制正在发生的事情
在您的街区内感谢您的快速响应。是的,我试过这个密码。但是它没有导航到“/book”。这是因为我的删除按钮出现在同一个页面中吗?(localhost:3000/book)是的@user3359964,我认为您需要重新加载页面,而不是在这种情况下导航尝试使用location.reload();谢谢你的快速回复。是的,我试过这个密码。但是它没有导航到“/book”。这是因为我的删除按钮出现在同一个页面中吗?(localhost:3000/book)是的@user3359964,我认为您需要重新加载页面,而不是在这种情况下导航尝试使用location.reload();谢谢你的快速回复。是的,它刷新了我的页面。谢谢你,谢谢你的快速回复。是的,它刷新了我的页面。谢谢你。。
deleteBook(e, id) {
e.preventDefault();
fetch(`url/${id}`, {
method: 'DELETE',
}).then(res => {
return res.json()
})
.then(data => console.log(data))
.catch(error => console.log('ERROR from delete component'))
this.props.history.push('/book'); //to navigate
}
fetch(`url/${id}`, {
method: 'DELETE',
}).then(res => {
return res.json()
})
.then(data => console.log(data))
.then(() => this.props.history.push('/book'); //to navigate)
.catch(error => console.log('ERROR from delete component'))