Bom dia,
tenho algumas dúvidas sobre as novas rotas implementadas dentro do componente e as possibilidades de novas "subrotas".
Abaixo estou enviando os trechos de código correspondente para consulta.
Quando a rota "post/:id/" entra em ação, o componente é renderizado e por sua vez também implenta uma subrota (path="*") e a rota aninhada (index) que será renderizada no "placeholder" "Outlet" do componente , está correta esta interpretação?
Todas as "subrotas" implementadas pelo componente são tratados como "subrotas" a partir da rota "post/:id"?
Exemplo:
subrota da rota post/:id/:
será renderizado quando o path corresponder a /post/2/categoria/marketing
- sendo /2/ o id do post
- e /marketing/ o id da categoria
<Route path="categoria/:id_categoria" element={<Componente... />}>
ARQUIVO ROUTES.JS
<Routes>
<Route path='/' element={<PaginaPadrao />}>
{/** inicio rotas filhas **/}
<Route index element={<Inicio />} />
<Route path="SobreMim" element={<SobreMim />} />
{/** fim rotas filhas **/}
</Route>
{</** rotas adicionais */>}
<Route path='post/:id/*' element={<Post />} />
<Route path="/*" element={<NaoEncontrada />} />
</Routes>
ARQUIVO POST/INDEX.JS:
<Routes>
<Route path="*" element={<PaginaPadrao />}>
{/** a routa aninhada abaixo será renderizada no componente PaginaPadrao e no placeholder Outlet dentro do componente PaginaPadrao */}
<Route index element={
<PostModelo fotoCapa={`/assets/posts/${post.id}/capa.png`} titulo={post.titulo}>
<div className="post-markdown-container">
<ReactMarkdown>
{post.texto}
</ReactMarkdown>
</div>
</PostModelo>
}
/>
</Route>
</Routes>
