#Renderizado de Link con Ant Design
barren pivot
Cómo te dijo Genaro y yo
A tu label añade la etiqueta link
label: (
<Link to={"/label"}>My Label</Link>
)
barren pivot
funcionó?
tired valley
muestro el resultado, un momento
mellow snow
jsjsjs
barren pivot
haxito, estamos hablando desde el canal-uo, jsjsjs
a Xd
barren pivot
añade paréntesis entre la etiqueta
tired valley
al probarlo con el elemento "<a>link <a/>" si funciona
barren pivot
a
tired valley
de hecho esLint me corrigé los parentesis
label: <a href="./about">About</a>,
asi funciona sin problema, pero pues no es lo optimo, por eso de que recarga toda la pagina
Estoy pensando que quizás Link no es compatible con Ant Desing, la manera en que renderiza el componente Menu
Si, las rutas estan bien
tired valley
este error es cuando pongo <Link>
barren pivot
Ya por probar intenta pasarle al label esto:
renderToStaticMarkup(<Link to="/label">My Label</Link>)```importa renderToStaticMarkup de react-dom/server
@tired valley
tired valley
estoy probando
barren pivot
Okay
tired valley
Si, precisamente pensé lo mismo, no deberia de tener ese problema
Sigo probando, solo tengo un poco lenta la maquina
Si
export const router = createBrowserRouter([
{
path: '/about',
element: <About />,
},
]);
<Content style={{ marginTop: 70, marginBottom: 100 }}>
<RouterProvider router={router} />
</Content>
mejor tomo captura
Si
tired valley
Ok! eso tiene mucho sentido
lilac orchid
ReactDOM.createRoot(document.getElementById('root')).render(
<React.StrictMode>
<RouterProvider router={router}>
<App /> {/* Tu aplicación */}
</RouterProvider>
</React.StrictMode>
);
estamos escribiendo
mellow snow
const Layout = ({children}) => {
return (
<>
<HeaderApp />
{...children}
<FooterApp />
</>
)
}
const app = () => {
return (
<Layout>Este es mi contenido</Layout>
);
}
