Estoy aprendiendo useParams gancho en reaccionar. Tengo una URL como esta y necesito poder extraer la letra 9 de ella.
http://localhost:3010/9/solution¿Cómo puedo hacer esto?
Suponiendo que está utilizando react-router , entonces debe usar Browser Router en su aplicación React: https://reacttraining.com/react-router/web/api/BrowserRouter
y luego declarar una ruta como:
<Route path="/{id}/solution" component={Component} />y luego en su Componente podrá usarlo:
const { id } = useParams();Supongo que está utilizando el enrutador de reacción, si define una ruta como esta, por ejemplo:
<Route path="/:id/about"> <About /> </Route>Tenga en cuenta que define la ruta con esta notación :id, lo que significa que la identificación será el parámetro en este caso específico. Luego creas un componente de enlace
<Link to="/2/about">About</Link>Y en su componente que en este ejemplo es el componente acerca de, puede usar el enlace de esta manera:
function About() { const { id } = useParams(); return ( <div> <h2>Now showing post {id}</h2> </div> ); }Tengo este código sandbox si desea verificar el resultado https://codesandbox.io/s/react-router-basic-nv8pn