路由路由器 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-exact单词一起使用path='/'否则在最后一个单词中定义它，因为如果您不使用精确，那么/也将与/profile或任何其他路线匹配。

查看文档，了解有关 exact 和 Switch 及其工作原理的更多详细信息。

喜欢这个：

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

或

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

工作代码。