Мне удалось заставить это работать.Ключевым моментом здесь является environment.retain(operation.root);
, который сохранит объекты в кэше.
Затем в QueryRenderer
используйте fetchPolicy="store-and-network"
.
См. Мой полный файл среды ретрансляции ниже.
import {Environment, Network, RecordSource, Store} from 'relay-runtime';
function fetchQuery(operation, variables) {
const environment = RelayEnvironment.getInstance();
environment.retain(operation.root);
return fetch(process.env.GRAPHQL_ENDPOINT, {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
credentials: 'include',
body: JSON.stringify({
query: operation.text,
variables
})
}).then(response => {
return response.json();
});
}
const RelayEnvironment = (function() {
let instance;
function createInstance() {
return new Environment({
network: Network.create(fetchQuery),
store: new Store(new RecordSource())
});
}
return {
getInstance: function() {
if (!instance) {
instance = createInstance();
}
return instance;
}
};
})();
export default RelayEnvironment;
Также получил это из канала Slay Relay.Еще не пробовал.
const store = new Store(new RecordSource());
(store as any).holdGC(); // Disable GC on the store.