reactjs - React Router v4动态重定向初始负载

Question

我正在创建一个 Electron 应用程序，我不确定处理以下内容的最佳方式:

该应用程序允许用户创建一个组。因此，组路由将为/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

可以分配给功能的React Router V4 has a render属性。在该函数中，您可以执行所需的任何操作或条件。

您的路线应类似于:

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

由于组路由为id，因此在您的特定情况下，我看到的挫折是访问/groups本身。如果您已经使用了onEnter()函数，那么很可能可以使用render() API。