react-router-relay 中的嵌套路由

Question

我运行在使用 react-router-relay 和嵌套路由时遇到了一些麻烦。

我的路由器设置如下：

<Route path='/' component={App}>

    <IndexRoute component={EventList}/>

    <Route path="/events/:eventId" component={EventLayout} queries={eventQueries}>

        <IndexRoute component={EventDetails} queries={eventQueries}/>

        <Route path="details" component={EventDetails} queries={eventQueries}/>
        <Route path="sessions" component={Sessions} queries={eventQueries} >
            <Route path=":sessionId" component={SessionEditor} queries={eventQueries}/>
        </Route>

    </Route>

    <Route path="*" component={require('../components/NotFound.jsx')}/>

</Route>

route code here

当我到达 /events/:eventId/sessions/:sessionId 时，我的组件根本没有被渲染。

我可以看到从服务器返回的该组件的 graphql 片段，但我没有渲染任何组件。

我发布了一些 code here 。如果有人能看一看，我将永远感激不已。

Answer 1

答案很简单。我不需要节点查询。我需要在 initialVariables.

中声明我的 sessionId 变量

如果其他人需要示例，代码将保留。

react-router-relay 中的嵌套路由

Nested Routes in react-router-relay

react-router

relayjs

react-router-relay