reactjs - 反应路由器返回主页

Question

我已经构建了一个应用程序，在测验结束时我想要一个简单的链接返回主页...我假设当您单击最后一页上的链接时，它只呈现主页，但它似乎正在显示我一个空白页...

这个主页已经设置了路由'/'并且应该显示 ParentComponent。但是当我单击'/'路径的链接（在我的 finalScore 组件中）时，它只会将我带到一个空白页面。有谁知道为什么？

主页看起来像这样：

import QFIB from './QFIB'
import AFIB from './AFIB'

const App = () => {
  return (
    <Router>
    <Nav />
      <div class='qAndAContainer'>
    <Route path='/' exact component={ParentComponent} />
    <Route path='/StartTest' component={StartTest} />
     </div>
    </Router>
  )
}

export default App;

我的最后一页看起来像这样： *它现在只包含一个简单的链接，上面写着 home 应该将用户带回主页...我已经设置了应该在我的应用程序文件中呈现 hompage 的位置，所以为什么这给了我一个空白页？

const FinalScore = ({score}) => {
  return (
     <Link to='/' exact>home</Link>
     <div/>
     </Switch>
     </Router>
  )
}

标签： reactjsreact-router