切换无根页面内容的页面React

问题描述

我想从根（“ /”）切换到/ login，但是我想从root页面中不在/ register中的内容是 那里。我想要一个新页面，而没有来自根页面的内容！ 我尝试了一切，rlly！我已经不知道了；（

也许你比我更好：D

我的代码：

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

}

解决方法

我假设您正在使用react-router。

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

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