javascript - React Router Link 更改 URL 但未查看

Question

我有一个 App.js，看起来像这样：

import React, { Component } from 'react';
import './App.css';
import PdfViewer from './components/PdfViewer';
import {BrowserRouter as Router, Link, Switch, Route} from 'react-router-dom'
import history from './history';
import Homepage from './components/Homepage'
class App extends Component {
  render() {
    return (
      <Router history={history}>
      <Switch>
      <Route exact path="/" component={Homepage} />
      <Route path="/pdfviewer" component={PdfViewer} />
      </Switch>      
      </Router>
    );
  }
}

在嵌套组件中，我有一个<Link>这样的：

import React from 'react';
import ListItem from '@material-ui/core/ListItem';
import ListItemIcon from '@material-ui/core/ListItemIcon';
import ListItemText from '@material-ui/core/ListItemText';
import DashboardIcon from '@material-ui/icons/Dashboard';

import { BrowserRouter as Router, Link } from "react-router-dom";

export const MainListItems = () => {
  return(
  <Link to="/">
  <div>
    <ListItem button>
      <ListItemIcon>
        <DashboardIcon />
      </ListItemIcon>
      <ListItemText primary="Dashboard" />
    </ListItem>

  </div>
  </Link>
  )}

这是我的组件，它呈现一个链接。点击的时候，Url发生了变化，但是并没有渲染新的组件……怎么会？

标签： javascriptreactjs