릴레이에서 정적 데이터를 사용하여 로컬 저장소를 설정하는 방법

Question

나는 서버에서 데이터를 가져오고 드롭 다운 메뉴에서 사용자의 선택에 따라 다양한 구성 요소에 정적 데이터를 전달하는 React 응용 프로그램을 빌드하고 있습니다. Relay Modern을 사용하고 싶습니다만, 수동 데이터로드를 지원하는지 여부를 문서에서 찾을 수 없었습니다. 이것이 가능한지 누구나 알 수 있습니까/구현하는 방법?

btw, 여기와 다른 곳에서 몇 가지 비슷한 질문을 보았습니다. 그러나, 그것들은 대규모의 변경을 구현 한 Relay Modern이 아닌 Relay Classic과 관련이있는 것으로 나타났습니다.

Answer 1

나는 동일한 질문을 스스로에게 물었다. Store/RecordSource을 수화하는 방법이 있어야합니다. 해결 방법으로 나는 이런 식으로 일을 해왔다. 저장소에 추가 할 데이터에 대한 쿼리를 만들고 commitPayload을 호출합니다. 릴레이 팀의 누군가가 몇 가지 통찰력이있는 경우

import { 
 
    createOperationSelector, 
 
    getOperation 
 
} from 'relay-runtime'; 
 

 
const query = graphql `{ viewer { name } }`; 
 

 
const environment = new Environment(...); 
 

 
environment.commitPayload(createOperationSelector(getOperation(query)), { 
 
    viewer: { 
 
    name: 'Me' 
 
    } 
 
});

궁금하십니까?