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

nextjs reactjs

Hunt Chiu 2022-08-16 12:58:08 ‧ 1424 瀏覽

分享至

各位好！請問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;

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

1 個回答

harry xie

iT邦研究生 1 級 ‧ 2022-08-16 14:21:34

最佳解答

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

回應 1
分享
檢舉

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

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

登入發表回應

我要發表回答

立即登入回答

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

1 個回答

我要發表回答

標記使用者