【发布时间】:2018-06-29 09:02:54
【问题描述】:
QueryRenderer 采用“查询”道具,其中包含由下游组件片段组成的应用程序的最顶层查询:
const LinkListPage = () => (<QueryRenderer
query={ rootQuery }
{ ...otherProps }
render={
(error, props) =>
<LinkList viewer={ props.viewer } />
}
/>)
/* ... */
const rootQuery = graphql`
query LinkListPageQuery {
viewer {
...LinkList_viewer
}
}
`
在上面的例子中,片段“LinkList_viewer”是自给自足的,它告诉我们它向哪个容器提供数据,以及它填充了哪个道具。
为什么中继编译器不自己组装那个根查询?为什么我们需要重复输入props.viewer,而在哪里传递什么是显而易见且明确的?在任何情况下手动构建根查询对我们有帮助吗?
【问题讨论】: