react路由器僅替換了history.push上的最終路由

Question

經過一定時間后，我嘗試使用react router重定向到另一個頁面。

到目前為止，我的代碼是：

 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}`)
    }

歷史肯定被稱為，但目前的網址

/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}`)
}