Next.js: aký je rozdiel medzi využitím "znovu-overte" možnosť getStaticProps a pomocou SWR balík?

0

Otázka

Next.js má táto "znovu-overte" možnosť z krabice:

export async function getStaticProps(context) {
  const data = await getData();

  if (!data) {
    return {
      notFound: true,
    };
  }

  return {
    props: { data },
    revalidate: 60,
  }
}

Vyššie uvedený kód bude uistite sa, že stránka je obnovované po 60 sekúnd od okamihu, kedy sme požiadali aktualizovaných údajov (prvý obnoviť, ak chcete podať žiadosť o nové údaje, druhý obnoviť na aktualizáciu stránky). Toto je založený na Čiastkových Statické Regeneráciu, takže stránky nemusí byť prestavaný.

Z SWR dokumenty:

Ak sa vaša stránka obsahuje často aktualizácia údajov, a nemusíte vopred poskytli údaje, SWR je perfektné zapadajú a žiadne špeciálne nastavenia, ktoré sú potrebné: stačí importovať useSWR a pomocou háku vo vnútri žiadne súčasti, ktoré používajú údaje.

Tak, to znamená, že v tomto prípade, useSWR je v podstate rovnaké ako next.js "znovu-overte" možnosť? Zdá sa, že bude robiť rovnakú vec, ale ako často sa revalidation vyskytujú potom? Je tam nejaký výhodou pomocou jedného nad druhým?

next.js reactjs swr
2021-11-24 02:32:17
1

Najlepšiu odpoveď

1

Nie, oni nie sú rovnaké a zmestili rôzne použitie-prípady.

useSWR je dátový prijem hook, ktorá zabezpečuje ukladanie do vyrovnávacej pamäte a automatické revalidation mechanizmov (ktoré môžete ovládať) na uchovávanie údajov, čerstvé na strane klienta. Údaje revalidation sa bude diať na klienta a bude len na prospech, že pre jedného užívateľa.

Pomocou revalidate a Čiastkových Statické Regeneráciu vám umožňuje obnoviť statické stránky na strane servera. Celú stránku dostane generované opäť na serveri a je staticky vo vyrovnávacej pamäti. Akékoľvek následné žiadosti (z ľubovoľného používateľa) sa podáva na obnovovať stránku.

Pri používaní jednej alebo druhej závisí úplne na vaše požiadavky, a sú navzájom nevylučujú - môžete použiť oba naraz.

2021-11-24 08:43:12

V iných jazykoch

Táto stránka je v iných jazykoch

Русский
..................................................................................................................
Italiano
..................................................................................................................
Polski
..................................................................................................................
Română
..................................................................................................................
한국어
..................................................................................................................
हिन्दी
..................................................................................................................
Français
..................................................................................................................
Türk
..................................................................................................................
Česk
..................................................................................................................
Português
..................................................................................................................
ไทย
..................................................................................................................
中文
..................................................................................................................
Español
..................................................................................................................