Así que estaba tratando de hacer un sitio web con una página principal y una página de inicio de sesión (y tal vez más en el futuro) en React js.
Tengo dos rutas, una ruta que muestra la pantalla de inicio de sesión y otra que muestra la pantalla principal.
Ahora el problema es que se muestra el componente de inicio de sesión, pero no MainScreen. (Cuando pego "http://localhost:3000/home/" en la barra de direcciones URL del navegador, sigue mostrando el componente de inicio de sesión)
Aquí está mi código que tengo dentro de App.js:
return ( <div className="App"> <Router> <Switch> <Route path="/" > <LoginScreen /> </Route> <Route path="/home" > <MainScreen /> </Route> </Switch> </Router> </div> );Porque la condición de su primera ruta se está cumpliendo y renderizando.
agregue EXACTO y debería funcionar.
return ( <div className="App"> <Router> <Switch> <Route exact path="/" > <LoginScreen /> </Route> <Route exact path="/home" > <MainScreen /> </Route> </Switch> </Router> </div> );