路由器为每个路由路径渲染相同的组件答案

【问题标题】：Router render same component for every rout path路由器为每个路由路径渲染相同的组件
【发布时间】：2021-03-02 12:30:29
【问题描述】：

对于这两个路径反应只渲染登陆组件。对于路径“/”和路径“/home”也是如此。路由器只渲染登陆组件。

import {Route, BrowserRouter, Switch, HashRouter} from  'react-router-dom'
import Layout from './pages/Layout'
import './style/style.css';
import Landing from './pages/Landing';

function App() {
  return (
    
    <>

    <HashRouter>
        <Switch>
          <Route  path='/'><Layout/></Route>
        </Switch>
        <Switch>
          <Route exact path="/land"><Landing/></Route>
        </Switch>
    </HashRouter>
    </>
   
  );
}

export default App;

【问题讨论】：

标签： reactjs routes react-router react-router-dom react-router-v4

【解决方案1】：

可能原因是您使用了 2 个Switch 组件，而是使用了一个

【讨论】：