路由路由器v4無法反映鏈接的組件更改？

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-使用path='/' exact詞，否則在最后定義它，因為如果您不使用精確詞，則/將與/profile或任何其他路由匹配。

查看文檔以獲取有關確切和切換以及它們如何工作的更多詳細信息。

像這樣：

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

要么

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

工作守則 。