Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

159
Vistas
Usando el gancho useParams en reaccionar

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?

over 4 years ago · Santiago Trujillo
2 Respuestas
Responde la pregunta

0

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();
over 4 years ago · Santiago Trujillo Denunciar

0

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

over 4 years ago · Santiago Trujillo Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda