릴레이 : 작곡 아이 조각 반응 라우터와

Question

:

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

을 그리고 App에서 :

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

앱 컨테이너에 나는 아이들의 조각을 구성하는 경우

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

릴레이는 요소가 {this.props.children}의 자식으로 표현되고 클래스에서 인스턴스화되지 않은 경우 파편을 작성합니다. 와,?

{this.props.children} 구문을 사용하는 하위 항목을 사용하면 릴레이의 집계 프래그먼트 논리가 작동합니까?

Answer 1

그러나 최상의 상위 수준 구성 요소에 모든 조각을 저장하는 것은 좋지 않습니다. Relay를 사용하면 클래스로 인스턴스화 된 구성 요소와 함께 데이터 요구 사항을 선언하고자하는 것이 좋습니다. 그렇게하면 각 컴포넌트에 대한 GraphQL 서버에서 어떤 데이터를 가져올 지 정확히 알 수 있으므로 각 컴포넌트에 대한 관심을 분리하고 혼란을 줄일 수 있습니다.