Como puedo enviar props a mis components desde Route, intente hacerlo pero me sale indefinido en el componente cuando usos Switch, si qui...

Pregunta de la clase:
Introducción a React Router
HECTOR JESUS CACHO RAMIREZ

HECTOR JESUS CACHO RAMIREZ

Pregunta
studenthace 5 años

Como puedo enviar props a mis components desde Route, intente hacerlo pero me sale indefinido en el componente cuando usos Switch, si quito Switch renderiza dos veces pero si llega el props, alguien me ayuda?

3 respuestas
para escribir tu comentario
    HECTOR JESUS CACHO RAMIREZ

    HECTOR JESUS CACHO RAMIREZ

    studenthace 5 años

    @GabrielElpidio Cuando quito el Switch si puedo ver el props, pero me renderiza dos veces el componente Home

    <BrowserRouter> <Layout> <Switch> <Route exact path="/" component={Login} /> <Route exact path="/" render={(props) =><Home cosa={'a'} />} /> </Switch> </Layout> </BrowserRouter>```
    HECTOR JESUS CACHO RAMIREZ

    HECTOR JESUS CACHO RAMIREZ

    studenthace 5 años

    Disculpa lo estoy realizando de la siguiente manera.

    <BrowserRouter> <Layout> <Switch> <Route exact path="/" component={Login} /> <Route exact path="/" render={(props) => <Home cosa={'a'} />} /> </Switch> </Layout> </BrowserRouter>

    Despues del otro lado estoy buscando el prop "cosa", pero no me aparece

    Gabriel De Andrade

    Gabriel De Andrade

    studenthace 5 años

    En vez de usar

    component
    Utiliza
    render
    y haz algo así:

    <Route path='/dashboard' render={(props) => <MyComponent {...props}/>} />
Curso de React.js [Empieza Gratis]

Curso de React.js [Empieza Gratis]

React es una de las librerías más utilizadas hoy para crear aplicaciones web. Aprende desde la creación y diseño de componentes hasta traer datos de un API. Desarrolla aplicaciones web de muy alta calidad en tiempo record con React.js

Curso de React.js [Empieza Gratis]
Curso de React.js [Empieza Gratis]

Curso de React.js [Empieza Gratis]

React es una de las librerías más utilizadas hoy para crear aplicaciones web. Aprende desde la creación y diseño de componentes hasta traer datos de un API. Desarrolla aplicaciones web de muy alta calidad en tiempo record con React.js