react-routing-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

答案最终非常简单。我不需要节点查询。我需要在sessionId中声明我的initialVariables变量。

如果其他人需要一个例子，代码将保留。