小编Tre*_*res的帖子

我是React Router的新手,并且很难理解为什么我的实现不起作用.在DevTools中,似乎创建了嵌套路由,但是当我单击应加载它的链接时,整个页面将重新呈现为空白.我猜测链接的URL与路径的路径不匹配(虽然从屏幕截图中可以看出它们是相同的)或者可能是路由从未实际注册并测试过匹配？

Chrome Dev Tools中React输出的屏幕截图

我在ReportContainer组件的渲染中放置了一个断点,但它从来没有得到它.

应用

import React from 'react'
import { BrowserRouter as Router, Route } from 'react-router-dom'
import { connect } from 'react-redux'
import styles from './App.css'
import { logout } from '../actions/user'
import { userIsAuthenticatedRedir, userIsNotAuthenticatedRedir } from '../auth'

import ProtectedComponent from './App.jsx'
import LoginComponent from './Login.jsx'
import Home from './Home'

const Login = userIsNotAuthenticatedRedir(LoginComponent)
const Protected = userIsAuthenticatedRedir(ProtectedComponent)


function App({ user, logout }) {
  return (
    <Router>
      <div className={styles.wrapper}>
        <div className={styles.content}>
          <Route exact path="/" component={Home}/> …