iT邦幫忙

1

請問Next.js 中的_app.js 為什麼會執行兩次render?

  • 分享至 

  • xImage

各位好!請問Next.js 中的_app.js 為什麼會執行兩次render? 如果我在頁面元件中呼叫API是否也呼被執行兩次呢?


import "../styles/globals.css";
import type { AppProps } from "next/app";

function MyApp({ Component, pageProps }: AppProps) {
  console.log("render");
  return <Component {...pageProps} />;
}

export default MyApp;

https://ithelp.ithome.com.tw/upload/images/20220816/20145253lOPhAIaEkF.png

圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 個回答

3
harry xie
iT邦研究生 1 級 ‧ 2022-08-16 14:21:34
最佳解答

您好,這和 React 嚴格模式有關,可以參考這個 github issue 喔~
Next dev with React 18, Always render twice

Hunt Chiu iT邦新手 4 級 ‧ 2022-08-16 22:19:15 檢舉

是的,謝謝你回答!我在next.config.js裡, 將reactStrictMode設置為false 可以解決問題。

我要發表回答

立即登入回答