如何在渲染功能之外調用響應路由器4重定向？

Question

我正在嘗試使用RR4以編程方式導航。我保存了一些數據後，我再要呈現一個Redirect這樣的：

handleSave =() => {  
    this.props.mutate({ 
     ... 
    }); 

    this.setState({ 
     org: null 
    }); 

    <Redirect to="/orgs" /> 
    // return <Redirect to="/orgs" /> // Tried this also 
}; 

我沒有得到一個錯誤，但Redirect沒有得到呈現。如果我在render功能添加一個switch語句，那麼它會工作：

render() { 
    return (this.state.rerender ? <Redirect to="/orgs" push /> : 
     <View> 
      ... 
     </View> 
     ) 
} 

這就像我想它，但我不喜歡三元聲明。有沒有辦法可以將Redirect添加到保存功能，就像我在第一個示例中嘗試的那樣？

Answer 1

使用history prop和push或replace方法。每條路線都可以得到它，但是您也可以使用withRouter HOC將其注入到其他組件。

Docs。 https://reacttraining.com/react-router/web/api/history