0

routes.js

import React from 'react';   
    import App from './App';
    import Home from './home/contenedor/home';
    import Logueado from './logueado/contenedor/logueado';
    import { Route, Switch, Miss } from 'react-router-dom';
    const AppRoutes = () => (
          <App>
            <Switch>
              <Route exact path="/" component={Home} />
              <Route path="/logueado" component={Logueado}/>
            </Switch>
          </App>
    )
    export default AppRoutes;

Cuando entro a /logueado me aparece el home y no importa el /xx que le ponga siempre aparece el home. Necesito que cuando ponga /logueado aparezca el componente de logueado pero siempre aparece el del home

app.js

    import React, { Component } from 'react';
import logo from './logo.svg';
import style from './css/main.css';
import Home from './home/contenedor/home';
import PropTypes from 'prop-types'

class App extends Component {
  static propTypes = {
    children: PropTypes.object.isRequired
  };

  render() {
    const { children } = this.props;
    return (
      <div>
        <Home Style={style}/>
      </div>
    );
  }
}

export default App;

index.js

import React from 'react';
import { render } from 'react-dom';
import './index.css';
import App from './App';
import registerServiceWorker from './registerServiceWorker';
import { BrowserRouter as Router } from 'react-router-dom';
import AppRoutes from './routes';
render(
<Router>
    <AppRoutes/>
</Router>, 
document.getElementById('root'));
registerServiceWorker();

Gracias por la ayuda

2
  • Hola, Valeria. Quizás ya has solucionado el problema. ¿Qué versión de React Router estás usando?
    – gugadev
    el 26 sep. 2018 a las 14:55
  • Hola, puedes verificar si en el archivo js de ./logueado/contenedor/logueado estas exportando Home? el 30 sep. 2018 a las 17:21

1 respuesta 1

1

Te faltó el exact en la ruta de logueado.

<Route path="/logueado" exact component={Logueado}/>

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.