javascript - React router 仅替换 history.push 上的最终路由

Question

我正在尝试在经过一定时间后使用 React 路由器重定向到另一个页面。

我目前的代码是:

 submitActivity(){
        axios.post('/tiles', {
            activityDate:this.state.startDate,
            planId:this.state.planId,
            value:this.state.sliderValue
        })
            .then(res=>{
                console.log(res);
                this.modalHandleShow();
                setTimeout(function(){
                    this.goBackToTile();
                }.bind(this),3000);
            })
            .catch(err=>console.log(err));
    }

    goBackToTile(){
        this.props.history.push(`tile/${this.state.tileId}`)
    }

history肯定是被调用的，但是url是当前

/addActivity/tile/2/plan/9

仅更改为/addActivity/tile/2/plan/tile/2

虽然/tile/2 是正确的，但我不明白为什么 url 的其余部分保持完整？

Answer 1

确保在字符串的开头包含 /，否则它将相对于您当前的 url 使用。

goBackToTile() {
    this.props.history.push(`/tile/${this.state.tileId}`)
}