Аполлон перезарядки при использовании с React - PullRequest
Новая
       13

Аполлон перезарядки при использовании с React

0 голосов
/ 09 октября 2018

Мы разрабатываем наше полное первое приложение с Apollo, и у нас возникают проблемы при использовании его с реагирующим маршрутизатором.

Мы используем новый компонент, и проблема заключается в том, когда мы меняем маршрутприложение использует данные, которые были изначально получены (даже если данные изменились на сервере): 

import React from 'react';
import { Query } from 'react-apollo';

import { GET_FAVORITE_JOBS } from './graphql';
import FavoriteJobList from './stateless';

export default () => (
  <div>
    <Query query={GET_FAVORITE_JOBS}>
      {({ loading, error, data }) => (
        <FavoriteJobList loading={loading} error={error} data={data} />
      )}
    </Query>
  </div>
);

Я видел это: https://www.apollographql.com/docs/react/essentials/queries.html#refetching

Нужно ли использовать refetch на componentDidMount?

спасибо!

1 Ответ

0 голосов
/ 11 октября 2018

Итак, у вас есть 2 возможности:

1, определить случайный ввод для вашего запроса и передать его следующим образом: 

export default () => (
  <div>
    <Query query={GET_FAVORITE_JOBS} variables={{ random: New Date().getTime() }}>
      {({ loading, error, data }) => (
        <FavoriteJobList loading={loading} error={error} data={data} />
      )}
    </Query>
  </div>
);

2, Экспортировать как контейнер и получить результат как реквизит: 

import { graphql } from "react-apollo";

const SomeComp = (props) => (
  <div>
    // You can acces the results here as props. 
    // Also You can use props.refetch() as an action or component lifecycles
  </div>
);
export default graphql(GET_FAVORITE_JOBS, {
  name: "getFavJobs",
  options: (props)=> ({
    variables: {
      random: New Date().getTime()
    }
  })
})(SomeComp));
...