Question

使用react-router：

<Routes>
  <Route path="/" component={App}>
    <Route path="about" component={About} />
    <Route path="help" component={Help} />
  </Route>
</Routes>

在App中：

render() {
 return (
   {this.props.children}
  );
}

如果在App容器上我编写了孩子的片段

${About.getFragment(somefragment)}
${Help.getFragment(someFragment)}

如果组件用{this.props.children}表示为子组件并且没有从它们的类中实例化，那么中继是否会组成片段，？

问题是使用语法{this.props.children}的孩子使用中继的聚合片段逻辑吗？

Answer 1

这应该有效，但是将所有片段存储在最高父级组件中并不是最佳做法。使用Relay，我们的想法是，您希望将您的数据要求与使用其类实例化的组件一起声明。这样，您就可以确切地知道从GraphQL服务器为每个组件提取的数据，保持每个组件的关注点分离，同时减少混淆。

接力：组成儿童片段

1 个答案: