Tag: REACT-ROUTER-DOM
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
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
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
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
Estoy trabajando en un proyecto en React e intentando implementar una barra de navegación Bootstrap y react-router-dom. Puedo hacer que todo se muestre correctamente, sin embargo, ninguno de los enlaces funciona. Aquí hay un enlace a un codesandbox donde pude replicar mi problema: Aquí ¡Cualquier idea sobre lo que me . . . Read more