Saltar al contenido

Múltiples parámetros con React Router

Te traemos la solución a este enigma, o por lo menos eso pensamos. Si continuas con inquietudes dínoslo, que sin dudar

Solución:

Como mencionó @alexander-t:

path="/user/manage/:id/:type"

Si desea mantenerlos opcionales:

path="/user/manage(/:id)(/:type)"

Reaccionar enrutador v4

React Router v4 es diferente a v1-v3, y los parámetros de ruta opcionales no están definidos explícitamente en la documentación.

En su lugar, se le indica que defina un parámetro de ruta que entienda la ruta a la expresión regular. Esto permite una flexibilidad mucho mayor en la definición de sus rutas, como patrones repetitivos, comodines, etc. Entonces, para definir un parámetro como opcional, agrega un signo de interrogación final (?).

Entonces, para definir parámetros opcionales, puede hacer:

path="/user/manage/:pathParam1?/:pathParam2?"

es decir


Considerando que, los parámetros obligatorios siguen siendo los mismos en V4:

path="/user/manage/:id/:type"

Para acceder al valor de PathParam, puede hacer:

this.props.match.params.pathParam1

Sección de Reseñas y Valoraciones

No se te olvide dar visibilidad a este enunciado si te fue de ayuda.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *