Я установил React с react-router
версии 4. Маршрутизация работает при вводе URL-адреса непосредственно в браузере, однако, когда я нажимаю на ссылку, URL-адрес изменяется в браузере (например, http://localhost:8080/categories), но контент не обновляется (но если я обновляюсь, он обновляется).
Ниже приведена моя настройка:
Настройка Routes.js выполняется следующим образом:
import { Switch, Route } from 'react-router-dom';
import React from 'react';
// Components
import Categories from './containers/videos/Categories';
import Videos from './containers/videos/Videos';
import Home from './components/Home';
const routes = () => (
<Switch>
<Route exact path="/" component={Home}/>
<Route path="/videos" component={Videos}/>
<Route path="/categories" component={Categories}/>
</Switch>
);
export default routes;
Ссылка, которую я использую в Nav.js, выглядит следующим образом:
<Link to="/videos">Videos</Link>
<Link to="/categories">Categories</Link>
App.js выглядит следующим образом:
import React from 'react';
import './app.scss';
import Routes from './../routes';
import Nav from './Nav';
class AppComponent extends React.Component {
render() {
return (
<div className="index">
<Nav />
<div className="container">
<Routes />
</div>
</div>
);
}
}
AppComponent.defaultProps = {
};
export default AppComponent;