reactjs - 到达路由器 - 使用 URL 加载组件

Question

我有一个简单的路由器，可以通过 @reach/router 模块

<Router>
   <Home path="/" />
   <Resume path="resume" />
</Router>

当有人输入以“/resume”结尾的完整 URL 时，我希望显示恢复组件，我认为这会通过 @reach/router 自动发生，但似乎并非如此。

有什么策略可以完成这项工作吗？

Answer 1

您应该使用该<Route />组件来执行此操作。

import React from "react";
import ReactDOM from "react-dom";
import { BrowserRouter as Router, Route } from "react-router-dom";

render (
  <Router>
    <Route path="/" component={Home} />
    <Route path="/resume" component={Resume} />
  </Router>
);

作为参考，这里是文档。反应路由器