javascript - route router v4 不反射(reflect) Link 的组件变化？

Question

我的路由结构有什么问题？使用链接导航看不到更改。

class App extends React.Component {
  render() {
    return(
      <BrowserRouter>
        <div>
          <AuthRoute></AuthRoute>
          <Switch>
            <Route path='' component={Home} />
            <Route path='/profile' component={Profile} />
          </Switch>
        </div>
      </BrowserRouter>
    )
  }
}

https://codesandbox.io/s/r433m6kvvp

Answer 1

变化:

1- 使用 path='/' 而不是 path=''(空白路径)。

2- 将 exact 词与 path='/' 一起使用，否则在最后定义它，因为如果你不使用 exact 则 / 将匹配 /profile 或任何其他路由。

查看文档以获取有关 exact 的更多详细信息 和 Switch 以及它们的工作原理。

像这样:

<Route exact path='/' component={Home} />
<Route path='/profile' component={Profile} />

或

<Route path='/profile' component={Profile} />
<Route path='/' component={Home} />

Working Code .