相关疑难解决方法(0)

React Router在重新加载时工作,但在单击链接时则不行

我已经使用react-router版本4 设置了React.当我直接在浏览器上输入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;
Run Code Online (Sandbox Code Playgroud)

我在Nav.js中使用的链接如下:

<Link to="/videos">Videos</Link>
<Link to="/categories">Categories</Link>
Run Code Online (Sandbox Code Playgroud)

App.js如下:

import React from 'react';
import './app.scss';
import Routes from './../routes';
import Nav …
Run Code Online (Sandbox Code Playgroud)

reactjs react-router react-redux react-router-redux react-router-v4

19
推荐指数
3
解决办法
1万
查看次数