javascript - 太多的重新渲染。 React 限制渲染次数以防止无限循环。接下来js错误

Question

有人可以解决这个问题吗？如果我删除 about 和 is 之前的“/”，它不会抛出任何错误。

import Navbar from "../components/Navbar";
import Footer from "../components/Footer";
import { useState } from "react";

function MyApp({ Component, pageProps }) {
  const [navbar, Setnavbar] = useState(0);
  if (process.browser) {
    let params = window.location.pathname;  
    console.log(params);
    if (params == "/about") {
      Setnavbar(0);
         }
    else if (params == `/id/portal`) {
      Setnavbar(1);
     }
 }

Answer 1

这是 React 的基本概念，每当状态发生变化时，组件就会重新渲染。当组件重新渲染时，它会再次改变状态，这样一直持续到无限。您将必须应用技术根据参数值仅渲染一次。正如其他答案所提到的。