export const MenuItems = [
{
title: "Programaçao",
url: "",
cName: "nav-links",
},
{
title: "Produtos",
url: "#",
cName: "nav-links",
},
{
title: "Cadastro",
url: "#",
cName: "nav-links",
},
{
title: "Embreve",
url: "#",
cName: "nav-links",
},
{
title: "Login",
url: "#",
cName: "nav-links-mobile",
},
];
Como assim ir para routers
?
Bom, de qualquer forma, agora eu vi que voce esta utilizando React, a coisa maravilhosa sobre React é que routing
ja é controlado atraves de um servico vinculado a estrutura do React chamado ReactRouterDOM. O formato da sua data structure
esta ok, voce precisa alterar as keys
e values
mas a ideia é a mesma.
Por um tempo React parou de recomendar um ponto centralizado para rotas como o que voce tem acima, mas eu estou surpreso que eles voltaram atras com essa ideia. O ponto exato que voce esta procurando é esse aqui: Switch
<Switch>
{routes.map((route, i) => (
<RouteWithSubRoutes key={i} {...route} />
))}
</Switch>