데이터 소스가 분리 된 2 개의 반응 구성 요소에 대해 relayjs 캐시를 업데이트하는 방법

Question

다른 구성 요소가 변형을 수행하고 백엔드에서 데이터 소스가 변경된 후 구성 요소의 relayjs 캐시를 업데이트하려고합니다.

사용자는 D1에 데이터 종속성이있는 C1을 마운트합니다. 사용자가 D2에 데이터 종속성이있는 C2로 이동합니다. 사용자가 D2 데이터를 변경합니다. 사용자가 C1을 다시 마운트합니다.

D1 단편 관계 D2 돌연변이에 의해 영향을 받는다 : D2-> D-> D1

C1 그 단편의 캐시 된 버전이 그 데이터를 중계 이미 때문에 componentMount에 새로운 데이터를 요청하지 은닉처.

C1을 새로운 Mutated (D1)로 렌더링하는 방법은 무엇입니까? 어떻게 C1의 릴레이 캐시를 무효화합니까?

C1과 C2는 다른 페이지/React-Router 경로에 있습니다.

Answer 1

돌연변이의 getFatQuery 메소드는 돌연변이의 결과로 변경 될 수있는 것을 릴레이에 알려줍니다. getConfigs 및 로컬 그래프 데이터와 함께 필요한 데이터를 얻을 수있는 변이 형 쿼리를 생성합니다 (과/언더 페치없이).

그래프 구조에 따라 다르게 보일 수 있지만 여기에 설명 할 예제가 있습니다. d2는 할 일 항목이고 d1은 할 일 목록이라고 가정합니다. http://blog.pathgather.com/blog/a-beginners-guide-to-relay-mutations 릴레이 documentation - 릴레이 돌연변이에서 광범위한 모습이 블로그 게시물을 살펴 들어

class UpdateTodoMutation extends Relay.Mutation { 
    getFatQuery() { 
    return Relay.QL` 
     fragment on updateTodoPayload { 
     todo { 
      title, 
      dueDate, 
      completed, 
     } 
     viewer { 
      todos, 
     }, 
     } 
    `; 
    } 
} 

.