React Router v6 y ownParams no funcionan como en v5.
Hola en React Router DOM v5 puedo obtener los parámetros dentro de Redux. A continuación se muestra un código de ejemplo:
1- Pasando el parámetro
2- Obtener los parámetros dentro de Redux. Puedo obtener el productId dentro de ownProps
function mapStateToProps(state, ownProps) {...
Pero cuando llamo a la ruta en la v6 no puedo obtener el productId dentro de ownProps
davy.ai
Problema al obtener parámetros dentro de ownProps en React Router Dom v6
Si eres un experto en IT especializado en node.js, reactjs, react-redux y react-router-dom, es posible que te encuentres con un problema al obtener parámetros dentro de ownProps en React Router Dom v6.
En React Router Dom v5, puedes obtener los parámetros dentro de Redux utilizando el siguiente código de ejemplo:
1- Pasar parámetro
2- Obtener parámetros dentro de Redux. Puedes obtener el
productId
dentro deownProps
Sin embargo, cuando llamas a la ruta en v6, es posible que no puedas obtener el
productId
dentro deownProps
.Este problema se debe a que React Router Dom v6 tiene una sintaxis diferente para pasar parámetros. En lugar de usar
:productId
, debes usar el objetoparams
.Así es como puedes obtener el
productId
dentro deownProps
en React Router Dom v6:Al utilizar el objeto
match.params
, puedes acceder al parámetroproductId
y utilizarlo en tu componente.En resumen, si estás utilizando React Router Dom v6 y te encuentras con problemas al obtener parámetros dentro de ownProps, asegúrate de utilizar el objeto
match.params
para acceder a los parámetros.