确认弹出窗口后重定向用户

时间:2017-10-11 20:22:53

标签: react-router

我正在尝试使用react-bootstrap Button对象并使其在点击时确认用户的意图,然后如果他们说是,则将其重定向到另一个页面,或者离开如果他们拒绝,他们就在哪里。

踢球者是这个网站实际上只是一个page,点击导航菜单项只会加载不同的组件,我尝试直接编辑window.location.href而尝试这样做。

<li id="doThingsButton" ><Button onClick={() => { this.doThing(); }} >Do all the things!</Button></li>

这里是this.doThing()所做的伪代码版本:

private doThing() {
    if (number > 10000) {
        if (confirm("Doing " + number + " things")) {
            this.okDoThing();
        }
    }
    else {
        this.okDoThing();
    } }

确认部分工作正常,重定向后确认我遇到了问题。

我认为我可以使用Link来实现这一目标,但尚未取得成功。任何提示?谢谢!

1 个答案:

答案 0 :(得分:0)

您可以使用location.assign("https://yoursite.com/redirection");。此函数在当前窗口中加载新文档。

来源:https://www.w3schools.com/jsref/met_loc_assign.asp