小编Shi*_*iva的帖子

我想将纯 React 应用程序转换为 NextJs 应用程序。在 React 应用程序中，我在组件的多个位置导入 .scss CSS 文件。将代码移至 Next.js 环境后，它显示错误：

无法从 Custom 以外的文件导入全球 CSS。由于样式表的全局性质，为了避免冲突，请将所有第一方全局 CSS 导入移至pages/_app.js。或者将导入转换为组件级 CSS（CSS 模块）。

我希望我的 CSS 作为全局 CSS 导入到它们的位置。

任何配置在这里有帮助吗？

如果我们用相同的值设置状态组件将不会重新渲染，但当我在函数体中设置状态时它不适用。

例如，如果我在按钮单击和单击按钮上设置相同的状态，则组件不会在按钮单击时重新渲染

function Test1() {
  const [name, setName] = useState("Shiva");
  const onButtonClick = () => {
    console.log("Clicked");
    setName("Shiva");
  };
  console.log("Redering");
  return (
    <div>
      <span>My name is {name}</span>
      <button onClick={onButtonClick}>Click Me</button>
    </div>
  );
}

But, when I set the same state before the return statement React goes infinite renderings

function Test2() {
  const [name, setName] = useState("Shiva");
  // ... come stuff
  setName("Shiva");
  console.log("Rendering");
  return (
    <div>
      <span>My name is {name}</span>
    </div>
  );
}

What actually happening internally?

我有 nextjs api 路由/api/auth/signout，它基本上只是清除特定的 cookie 并发送回 JSON。

问题是，当我在 Vercel 中部署项目时，这个特定的 API 第一次正常工作（cookie 清除并给出 200 响应），但后来它不起作用（cookie 未清除并给出 304 响应）。

我想知道，有什么办法可以避免只针对这条路线进行缓存吗？

解决这个问题的最佳方法是什么？