import Footer from "./Footer";
import Navigation from "./Navigation";
import { useRouter } from "next/router";

function Layout({ children }) {
  const router = useRouter();
  return (
    <>
      {router.pathname !== "/*" && <Navigation />}
      {/* {router.pathname !== "*" && <Navigation />} */}
      <main className="main-content">{children}</main>
      {router.pathname !== "/*" && <Footer />}
      {/* {router.pathname !== "*" && <Footer />} */}
    </>
  );
}

export default Layout;

Unfortunately the methods with an asterisk do not work :/ ?!?

Thank you in advance and best regards for everyone ;-)

import Footer from "./Footer";
import Navigation from "./Navigation";
import { useRouter } from "next/router";

function Layout({ children }) {
  const router = useRouter();
  return (
    <>
      {router.pathname !== "/*" && <Navigation />}
      {/* {router.pathname !== "*" && <Navigation />} */}
      <main className="main-content">{children}</main>
      {router.pathname !== "/*" && <Footer />}
      {/* {router.pathname !== "*" && <Footer />} */}
    </>
  );
}

export default Layout;

Unfortunately the methods with an asterisk do not work :/ ?!?

Thank you in advance and best regards for everyone ;-)

• javascript
• next.js
• http-status-code-404

Share Follow edited Mar 24, 2023 at 19:57 Robert 8,7135656 gold badges135135 silver badges175175 bronze badges asked Sep 20, 2021 at 13:34 MarioG8MarioG8 6,00144 gold badges1919 silver badges3131 bronze badges 3

• 2 if page is 404 or 500 pathname is always /_error so {router.pathname !== "/_error" && <Navigation />} – Nico Commented Sep 20, 2021 at 14:02
• Thanks Nico

  发布者：admin，转转请注明出处：http://www.yc00.com/questions/1744933079a4601854.html