2015-12-22 58 views
0

在我的React.JS應用程序中,我想創建一個鏈接,它只不過是改變客戶端的狀態,而是顯示主索引頁面。例如,主頁面是:在React中,我如何將用戶重定向回狀態更改的索引

http://example.com/#/ 

這顯示了主索引頁面。現在,如果一個用戶被定向到這個頁面:

http://example.com/#/check?arg=abcd 

我會想仍然顯示用戶的主索引頁,但有this.props變量由arg=abcd

我定義我的路線受到影響:

var routes = (
    <Route handler={APP}> 
     <DefaultRoute handler={Index} /> 
     <Route name="check" path="check" handler={check}></Route> 
    </Route> 
); 

所以我有這需要在check路徑的路線,但同樣我的目標是隻使用參數check,仍然保持顯示的常規索引頁。

用React.JS做這件事最有效的方法是什麼?

回答

0

我剛剛意識到我可以規避第二頁和路由器的需要。我需要做的就是在索引頁面上使用參數處理程序。我遠離工作和移動,所以我會回答我的問題,明天,當我得到

更新 - 所以這是我得到了它的工作:

我添加了一個新行路線設置:

var routes = (
    <Route handler={APP}> 
     <DefaultRoute handler={Index} /> 
     <Route path="/arg1/:arg1" handler={Index} /> 
    </Route> 
); 

該行與arg1。然後我確定該路徑的處理程序是{Index}。現在,我的組件中,我有以下行:

componentWillMount() { 
    this._handleArgs(this.props.params.arg1); 
}, 

這將安裝該組件之前處理(或不處理,如果ARG1爲null)任何ARGS。

因此,不需要添加新的組件,只需另一個路由到相同的組件和一些輔助函數。

相關問題