2017-10-28 9 views
0

반응 아폴로 HoC 포장 구성 요소가 있고 github graphql api에서 데이터를 가져 왔습니다.반응 구성 요소에서 2 레벨 이상의 데이터 펙을 더 깊이 분해 할 수있는 방법

는 우리의 포장 구성 요소 소품은 다음과 같습니다 데이터를해야합니다 말 :

enter image description here

는 어떻게 desctructuring에 의해 가장자리에받을 수 있나요?

나는 내가이 같은 search 필드로 얻을 수 있습니다 알고

({ data: { search }}) => <Component data={search.edges} />

하지만이 가능합니다 같은 것입니다?

({ data: { search: { edges} }}) => <Component data={edges} />

감사합니다!

답변

0

예이 가능하며, 당신이 당신의 자신의 질문에 대답했습니다,이 올바른지 :

({ data: { search: { edges} }}) => <Component data={edges} /> 

귀하의 Component 지금 data

+0

이 작업을 거부라는 이름의 소품 같은 edges 배열을 얻을 것이다. ..i get "정의되지 않은 속성의 가장자리를 읽을 수 없습니다" 그리고이 정확한 행을 참조하십시오 -> '''({data : {loading, error, search : {edges}}}) =>''' – fatahn

+0

데이터를 변수 구조로 바꾸어보십시오. – linasmnew

+0

@bnovf 작동 했습니까? – linasmnew