重新渲染次数过多。React 限制渲染数量以防止无限循环。下一个js错误

Question

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

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 的基本概念，每次状态改变时，组件都会重新渲染。当组件重新渲染时，它再次改变状态，这样一直持续下去直到无限。您必须应用技术根据参数值仅渲染一次。正如其他答案所提到的。