我是不是需要在 getStaticProps Next.JS 中对页面中的列表使用 revalidate 键?

Posted

技术标签:

【中文标题】我是不是需要在 getStaticProps Next.JS 中对页面中的列表使用 revalidate 键?【英文标题】:Do I need to use revalidate key in getStaticProps Next.JS for lists in page?我是否需要在 getStaticProps Next.JS 中对页面中的列表使用 revalidate 键? 【发布时间】:2021-04-27 23:06:40 【问题描述】:

我正在使用 Next.JS 制作静态电子商务应用程序。

我有带有 index.js[id].js 文件的产品目录。我是否需要在products/index.js 文件中使用revalidate: someTime,该文件返回所有产品列表以保持列表最新?或者它的功能仅适用于产品单个页面 ([id].js)?

提前感谢您的帮助!

【问题讨论】:

如果您希望在添加新产品时更新产品列表,您需要在index.js 中使用revalidate 【参考方案1】:

您可以使用 revalidate 和 getStaticProps 数据获取方法,如下所示:

export const getStaticProps = () => 
  return 
     props : 
      // data  
      , 
     revalidate : 1
  

【讨论】:

以上是关于我是不是需要在 getStaticProps Next.JS 中对页面中的列表使用 revalidate 键?的主要内容,如果未能解决你的问题,请参考以下文章

Nextjs:getStaticProps 中未定义的上下文

如何从 getstaticprops 函数中的 Context API 获取数据?

我可以在 getStaticProps 中使用 UseEffect 挂钩吗?

如何在 NextJS 中为 getStaticProps 导入 API 路由?

Next.js withPageAuthRequired 和 getStaticProps

在 getStaticProps 函数中序列化 Next.js 时出错?