React Router 将 IndexRoute 重定向到正确的路径

Posted 2023-02-21

【中文标题】React Router 将 IndexRoute 重定向到正确的路径

【英文标题】：React Router redirect IndexRoute to proper path

【发布时间】：2016-06-16 00:27:28

【问题描述】：

我正在尝试配置 React Router，以便在访问 http://url/manage/roomId 时直接访问 http://url/manage/roomId/sessions（加载 RoomSessions 组件）。这些是选项卡组件的路由，我想默认使用正确的 URL（它没有）加载第一个选项卡的内容（它会这样做）。

除了重定向之外一切正常

<Route
    path="manage/:roomId"
    component=RoomsManagerManageRoom
    onEnter=requireAuth
>
    <IndexRoute component=RoomSessions onEnter=requireAuth />
    <Route path="sessions" component=RoomSessions onEnter=requireAuth />
    <Route path="meetings" component=RoomMeetings onEnter=requireAuth />
    <Route path="files" component=RoomFiles onEnter=requireAuth />
    <Route path="recordings" component=RoomRecordings onEnter=requireAuth />
    <Route path="sections" component=RoomSections onEnter=requireAuth />
    <Route path="hosts" component=RoomHosts onEnter=requireAuth />
</Route>

我错过了什么？

【问题讨论】：

你所说的重定向是在哪里设置的？

无处，我想知道如何

【参考方案1】：

将<IndexRoute /> 行替换为

<IndexRedirect to="sessions" />

【讨论】：

谢谢，我必须用 IndexRedirect 替换 IndexRoute ...更正你的答案，我会接受。