es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Tag: REACT-ROUTER-DOM

React NavLink cambia el subelemento según isActive.

Tengo el siguiente enlace: <navlink to=”{x.url}” classname=”{(x)” ==””> x.isActive ? ‘active’ : ‘not-active’ }> <img src=”{`icon-default.svg`}”> // cambiar de default.svg a active.svg<br> Texto del enlace </navlink> Tengo mis íconos dentro del HTML y no en el CSS, quiero llamar a una imagen diferente según isActive, ¿es posible hacerlo en un . . . Read more

Enlaces de Pruebas Unitarias Solo con Jest

Me preguntaba si había alguna forma de realizar pruebas unitarias a los enlaces únicamente con jest para asegurarse de que van al lugar correcto. Todos los demás recursos que he encontrado han utilizado enzyme o aplicaciones adicionales. Por ejemplo: Asegurarse de que <Link to '/homepage> o <NavLink to '/homepage'> realmente . . . Read more

El enrutador de React no coincide en la carga inicial.

Tengo el siguiente swtich utilizando react-router. Cuando abro una pestaña nueva y voy a cualquier ruta, siempre redirige a /login. Si elimino el switch inferior (sin ruta – el predeterminado), funciona como se espera. Si navego a cualquier ruta habiendo cargado previamente la aplicación de react (es decir, desde /login), . . . Read more

Cómo utilizar React Routing Navigate en lugar de Redirect en react-router-dom v6

Vi esto en un tutorial En el componente de navegación <li><navlink to=’/’>Home</navlink></li> En otro componente import Navigation from ‘./Headers/Navigation’ import Home from ‘./Body/Home’ <navigation></navigation> <switch> <route path=’/’ exact=”” component=”{Home}”></route> <redirect from=’/’ to=’/Home/’></redirect> <switch></switch> Intenté aprender la última actualización e intenté el código anterior de la siguiente manera: <routes> <route path=’/’ . . . Read more