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

Question

对于两个路径，react render only landing component。对于路径“/”和路径“/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;

Answer 1

可能是因为您使用了 2 个 Switch 组件，请改用一个

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

Router render same component for every rout path

routes

reactjs

react-router

react-router-v4

react-router-dom