Каково идиоматическое использование запросов, а затем изменения данных в компоненте с использованием хуков? - PullRequest
Новая
       23

Каково идиоматическое использование запросов, а затем изменения данных в компоненте с использованием хуков?

0 голосов
/ 24 сентября 2019

Использование apollo-client, как правильно выбрать данные при первой загрузке компонента, а затем обновить эти данные после изменения.Я использую хуки useQuery и useMutation

Что-то вроде: 

const DataComp = () => {
  const { cats } = useQuery(CATS_QUERY);

  return (
    <div>
      <button
        onClick={async () => {
          const [renameCats, { loading }] = useMutation(RENAME_CATS);
          const newCats = await renameCats();
        }}
      />
      <div>
        {cats.map(cat => (
          <p>{cat.name}</p>
        ))}
      </div>
    </div>
  );
};

Я где-то читал (не могу вспомнить, где), что результат useQuery долженне переводить в состояние.

Так как я могу отображать обновленных кошек?

...