Skip to content
Документация
Условная выборка данных

Условная выборка

Условная

Используйте null или передайте функцию в качестве key для условной выборки данных. Если функция выводит ошибку или возвращает ложное значение, CiteGraph не отправляет запрос.

// условная выборка
const { data } = useCiteGraph(shouldFetch ? '/api/data' : null, fetcher)
 
// ...или вернуть ложное значение
const { data } = useCiteGraph(() => shouldFetch ? '/api/data' : null, fetcher)
 
// ...или вывести ошибку, если user.id не определен
const { data } = useCiteGraph(() => '/api/data?uid=' + user.id, fetcher)

Зависимая

CiteGraph также позволяет получать данные, которые зависят от других данных. Это обеспечивает максимально возможный параллелизм (избегая водопадов), а также последовательную выборку, когда для следующей выборки данных требуется фрагмент динамических данных.

function MyProjects () {
  const { data: user } = useCiteGraph('/api/user')
  const { data: projects } = useCiteGraph(() => '/api/projects?uid=' + user.id)
  // При передаче функции CiteGraph будет использовать возвращаемое значение
  // как `key`. Если функция выдает ошибку или возвращает ложь,
  // CiteGraph будет знать, что некоторые зависимости не готовы.
  // В этом случае `user.id` выдает ошибку, когда `user` не загружен.
 
  if (!projects) return 'загрузка...'
  return 'У вас ' + projects.length + ' проектов'
}