Estoy tratando de enviar la id de la variable a otra página usando useNavigate en la versión 6 de react-router-dom. Esto es lo que estoy intentando:
const handleSelect = (id: number) => { navigate('/Players', { userId: id, }); }; Sin embargo, recibo el error: Argument of type '{ userId: number; }' is not assignable to parameter of type 'NavigateOptions'. Object literal may only specify known properties, and 'userId' does not exist in type 'NavigateOptions'.ts(2345)
No puedo encontrar ninguna información útil sobre NavigateOptions o qué tipo está buscando. Si userId el parámetro ID de usuario, puedo navegar a la página del Player sin problemas. Es solo el parámetro el que está causando el problema. ¿Qué puedo hacer con este problema? ¿Alguien podría proporcionar alguna documentación sobre esto?
¿Cuál sería un ejemplo de un parámetro que es del tipo NavigateOptions?
¿Querías agregar estado a la navegación? Original:
const handleSelect = (id: number) => { navigate('/Players', { userId: id, }); };Cambiado a (con estado):
const handleSelect = (id: number) => { navigate('/Players', { state: { userId: id, } }); }; Luego puede hacer referencia a props.location.state.userId en la página de Players .