No puedo agregar el estilo en mi archivo app.js. El div no funciona dentro de la ruta. ¿Hay alguna otra forma de agregar estilo dentro de la ruta?
<Routes> <Route exact path="/" element={auth.token ? <Home > : < Login />} /> <Route exact path="/register" element={<Register />} /> <div style={{ marginBottom: "60px" }}> <Route element={<PrivateRouter />}> <Route exact path="/:page" element={<PageRender />} /> <Route exact path="/:page/:id" element={<PageRender/>} /> </Route> </div> </Routes>Cree una ruta de diseño que represente el estilo y el elemento div y un componente de Outlet para que los componentes de Route anidados representen su accesorio de element .
Ejemplo:
import { Outlet } from 'react-router-dom'; const Layout = () => ( <div style={{ marginBottom: "60px" }}> <Outlet /> </div> ); export default Layout;...
import Layout from '../path/to/Layout'; ... <Routes> <Route path="/" element={auth.token ? <Home /> : < Login />} /> <Route path="/register" element={<Register />} /> <Route element={<Layout />}> <Route element={<PrivateRouter />}> <Route path="/:page" element={<PageRender />} /> <Route path="/:page/:id" element={<PageRender />} /> </Route> </Route> </Routes>