Estoy tratando de tener un enrutador que se parezca a este home/{id}/{question} . Y hasta ahora pude establecer una identificación dinámica al hacerlo:
export default function Navigation() { return ( <Routes> <Route path="" element={<LoginScreen />} /> <Route path="/home-screen/:id" element={<Home />}> </Route> <Route path="/hom" /> {/* <Route path='./home-screen/leaderboard' element= */} </Routes> ); }Y úsalo de esta manera para hacer la redirección:
nav("home-screen/" + currentSelectUser?.id, { state: { user: currentSelectUser, }, }); Pero, ¿qué tal si también quiero agregar la identificación de la pregunta, para tener algo que se vea así: home/{id}/{question} .
Puedes configurarlo de esta manera:
<Route path="home/:firstId/:secondId" element={<Home />} />Puedes hacer una redirección a esa URL así:
nav("home/" + currentSelectUser?.id + "/" + currentSelectUser?.id, { state: { user: currentSelectUser, }, }); Y finalmente podría obtenerlos en Home con la ayuda de useParams :
import { useParams } from "react-router-dom"; function Home() { let { firstId, secondId } = useParams(); console.log(firstId, secondId); return <div className="page">Hello</div>; }