我写了一个反应演示使用react-router，为什么票证路由是空的？ react-router-dom版本是4.2.2

Question

我写了一个反应演示 使用react-router，为什么票证路由为空？ react-router-dom版本是4.2.2。

<Router history={ReactHistory}>
                <div>
                    <Route exact path="/" component={counter}/>
                    <Route path="/Ticket" component={test}/>
                </div></Router>

票证路线为空React Developer Tools。

谢谢！

Answer 1

尝试使用 Switch 在路由器内交换 div 元素，例如

import { Router, Route, Link, Switch } from "react-router-dom";

// render section
return (
  <Router history={history}>
      <Switch>
        ... your routes
      </Switch>
  </Router>
);