陣營

Question

我創建一個電子應用路由器V4動態重定向初始加載和我不知道處理以下的最佳模式：

該應用程序允許用戶創建一個組。所以一組路線將是/group/:groupId。沒有這個應用程序的主頁，相反，它只是默認第一個可用的組，並顯示它。那麼，如何在應用程序加載時將此動態重定向處理爲可用的第一組？

在v3中，有一個onEnter參數可以在路徑上設置，但是我還沒有能夠在v4中找到這種類型的模式。任何指向正確方向的指針都會很棒。謝謝！

不知道如何有用，這是但這裏是我的路線目前：

<Route exact path="/" component={HomePage} /> 
<Route path="/group/:groupId" component={GroupPage}> 
    <Route path="/group/:groupId/edit" component={EditGroupModal} /> 
</Route> 

的HomePage實際上並不存在，但我可以處理裝載從本地存儲的組，然後迫使該組件的內部重定向。只是不確定它是最好的方法。

Answer 1

你也許可以在你的HomePage組件中使用<Redirect />。該docs有一些例子，但一旦你得到了組ID，你render()功能正好可以

return (
    <Redirect to=`/group/${id}` /> 
); 

Answer 2

陣營可分配給功能路由器V4 has arender財產。在那個函數中，你可以執行任何你想要的操作或條件。

您的路線應該是這個樣子：

<Route exact path="/groups" render={() => (
    <Redirect to=`/groups/${id}` /> 
) 
)}/> 

我在您的特定情況下看到的挫折正在訪問id本身自組路線是/groups。如果您已經使用onEnter()函數，那麼您可以使用render() API。