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

443
Vistas
En React Router V6, ¿todavía puedo obtener RouteComponentProps (o acceder al historial y la ubicación) en los componentes de la clase?

Antecedentes Estoy migrando de v4 a v6. Muchas de mis páginas son componentes de clase, no componentes funcionales, y dependí en gran medida de RouteComponentProps (escrito con Typescript):

 export class UserDashboard extends React.Component<RouteComponentProps> { constructor(props){ super(props); this.updateURL = buildURLUpdater(props.history, props.location, ...); console.log(props.user); } onChooseUser = (newUser) => { this.setState({ user: newUser }, this.updateURL); } ... } <Switch> <Route path="/users"> <Users focusUser={user} /> </Route> </Switch>

Pregunta Sé que React Router V6 depende en gran medida de los ganchos, pero no estoy seguro de cómo obtener location o el history en un componente de clase. ¿Es esto todavía posible?

Por qué escribí una función útil que puedo ejecutar después de cada comando setState que actualizaría automáticamente la URL e insertaría un elemento del historial sin tener que navegar. Esto sería para cuando quiero que el texto de búsqueda actual aparezca en la barra de URL a medida que el usuario escribe. Usé props.location y props.history para hacer eso. Entonces, si ya no puedo obtener accesorios de componentes de ruta, necesito una forma de capturar el objeto de historial y ubicación, o cualquiera que sean sus equivalentes V6, en el constructor de una clase.

about 4 years ago · Juan Pablo Isaza
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