function App() { return ( <BrowserRouter> <Navlinks /> <Routes> <Route render={({ location }) => location.pathname !== "/" ? <Navlinks /> : true } /> <Route path="SignUp" element={<Signup />} /> <Route path="/" element={<Home></Home>} /> <Route path="Lorem" element={<Lorem />} /> <Route path="AboutUs" element={<AboutUs />} /> </Routes> </BrowserRouter> ); } /* <Route index element={<Home funcNav={setShowNav} />} />; */ // props.funcNav(false); export default App; import { useLocation } from "react-router-dom"; let location = useLocation();Después de eso, solo tienes que marcar dónde quieres mostrarlo y dónde no.
puedes crear una matriz como esta.
['path1', 'path2', 'path3'].includes(location.pathname) && ...Puede agregar una declaración if y usar la función de ruta de ubicación, si el nombre de la ruta es "bla", por ejemplo, puede imprimir la barra de navegación o agregar un div que contenga la barra de navegación, pero con una visibilidad oculta.