Next.js:之间的区别是什么使用"重新验证"选项,在getStaticProps和使用水资源小组委员会包?

0

的问题

Next.js 有这个"重新验证"选出:

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

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

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

上述代码将确保一个页面再生后60秒的时刻,我们要求更新数据(第一次刷新的请求的新的数据,第二刷新,更新页)。 这是基于 增量的静态再生,所以该网站不需要重建。

水资源小组委员会 文档:

如果你的网页包含经常更新数据,并且你不需要 预呈现的数据,水资源小组委员会是一个非常适合和有特殊的设置必要的: 只是进口useSWR和使用挂钩内的任何组件的使用 数据。

因此,这是否意味着在这种情况下,useSWR基本上是一样的next.js "重新生效"的选择? 这似乎是做同样的事情,但是如何往往会重新发生,然后呢? 是否有任何优势,采用一个比其他?

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

最好的答案

1

不,他们不相同的和适合不同的使用情况。

useSWR 是数据获取钩,可提供高速缓存和 自动重新生效 机制(它可以控制),以保持数据的新的 客户机-side. 数据重新确认将发生在客户与只会有利于这个用户。

使用 revalidate 和增加的静态再生让你再生的静态网页上 server-side. 整个页面产生再次在服务器上是静态高速缓存。 随后的任何请求(从任何用户)将可再生页。

使用一个或另一个完全取决于你的需求,而且他们不相互排斥的-你可以同时使用在同一时间。

2021-11-24 08:43:12

其他语言

此页面有其他语言版本

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