Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/23.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 在react中的函数内导航_Reactjs_Rest - Fatal编程技术网

Reactjs 在react中的函数内导航

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); 您应该将路

“/book”页面中有一个删除按钮。单击此按钮时,它应该删除服务器中的内容(这很好)。但删除记录后,页面应刷新。但这并没有发生

<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'))