从根页面 React 切换页面没有内容

Question

我想从 root ("/") 切换到 /login 但我希望不在 /register 中的 root Page 的内容是 那里。我想要一个没有根页面内容的新页面！！ 我什么都试过了，rlly！我已经不知道了;(

也许你比我好 :D

我的代码：

export default class App extends Component {
render() {
    return (
        <Router>
            <div>
                <Route path="/" component={Gui}/>
                <Route path="/register" component={Register}/>
            </div>
        </Router>
    );
}

}

Answer 1

我假设您使用的是react-router。

使用the <Switch> component 只渲染第一个匹配的路由。

return (
  <Router>
    <Switch>
      <Route path="/register" component={Register} />
      <Route path="/" exact component={Gui} />
    </Switch>
  </Router>
);