¿Hay alguna forma de pasar algunos parámetros a una ruta con la función de navegación para reaccionar? Encontré el siguiente enfoque, pero no funciona ya que el parámetro de ruta en el segundo archivo no está definido.
import { useNavigate } from 'react-router-dom' const exploreTopic = () =>{ navigate(`/topic/${props.id}`,{id:props.id}); }; return( <div onClick={exploreTopic}>smth</div> ) import { useParams } from 'react-router-dom' import './style.css' const SingleTopic = ({route,navigate}) => { return ( <div> {route.params.id} </div> ) } export default SingleTopicPuedes pasar los datos de esta manera.
const exploreTopic = () =>{ navigate(`/topic/${props.id}`,{state:{id:props.id}}); };Y su SingleTopic se convertirá
import {useLocation} from 'react-router-dom'; const SingleTopic = ({route,navigate}) => { const location = useLocation(); return ( <div> {location.state.id} </div> ) } export default SingleTopic