estoy intentando agregar rutas para acceder a un link desde app.js, mi archivo index.js es el siguiente:
import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import * as serviceWorker from './serviceWorker';
import { BrowserRouter } from 'react-router-dom';
ReactDOM.render(<App />, document.getElementById('root'));
ReactDOM.render((
<BrowserRouter>
<App />
</BrowserRouter>
), document.getElementById('root')
);
serviceWorker.unregister();
cree un componente Main.js con la ruta a pages/home:
import React from 'react';
import { HashRouter,Switch, Route } from 'react-router-dom';
import Home from '../pages/Home';
const Main = () => {
return (
<HashRouter>
<Switch>
<Route exact path='/home' component={Home}></Route>
</Switch>
</HashRouter>
);
}
export default Main;
y un Home.js con la página a la que quiero linkear:
import React from 'react';
const Home = () => {
function sayHello() {
alert('Hello, World!');
}
return (
<button onClick={sayHello}>Click me!</button>
);
};
export default Home;
finalmente en app.js coloco el link de la siguiente forma:
<div className="container">
<HashRouter>
<Link to={'/home'} replace className="text-danger font-weight-bold">Recuperar password <span className="glyphicon glyphicon-lock"></span></Link>
</HashRouter>
El link al presionarlo cambia la url a http://localhost:3000/home, peor no lleva a la página queda estatica. Algún consejo para salir del problema?
HashRouter
que está antes delLink
?react-native
? no hay nada relacionado con dicha tecnología en tu problema