Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

263
Views
ReactJS - Pase accesorios con componente de redirección

¿Cómo debe pasar accesorios con el componente Redirect sin que estén expuestos en la URL?

¿Te gusta este <Redirect to="/order?id=123 />" ? Estoy usando react-router-dom .

over 4 years ago · Santiago Trujillo
3 answers
Answer question

0

Puedes pasar datos con Redirect así:

 <Redirect to={{ pathname: '/order', state: { id: '123' } }} />

y así es como puedes acceder a él:

 this.props.location.state.id

Los documentos de la API explican cómo pasar el estado y otras variables en Redirect / History prop.

Fuente: https://github.com/ReactTraining/react-router/blob/master/packages/react-router/docs/api/Redirect.md#to-object

over 4 years ago · Santiago Trujillo Report

0

Primero debe pasar los accesorios en la ruta donde ha definido en su App.js

 <Route path="/test/new" render={(props) => <NewTestComp {...props}/>}/>

luego en tu primer Componente

 <Redirect to={{ pathname: "/test/new", state: { property_id: property_id } }} />

y luego en su NewTestComp redirigido puede usarlo donde quiera como este

 componentDidMount(props){ console.log("property_id",this.props.location.state.property_id);}
over 4 years ago · Santiago Trujillo Report

0

Puede usar el estado del historial del navegador de esta manera:

 <Redirect to={{ pathname: '/order', state: { id: '123' } }} />

Luego puede acceder a él a través this.props.location.state.id

Fuente: https://github.com/ReactTraining/react-router/blob/master/packages/react-router/docs/api/Redirect.md#to-object

over 4 years ago · Santiago Trujillo Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!