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

【问题标题】：Reach router - load component with URL到达路由器 - 使用 URL 加载组件
【发布时间】：2020-06-10 00:33:04
【问题描述】：

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

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

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

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

【问题讨论】：

它有效。检查sandbox。不知道为什么它不适合你。
@AjeetShah 是的，它可以在本地工作，但在 netlify 上托管后它似乎不起作用。
它是否显示在 netlify 上找不到错误 404？如果是，你可能需要这个策略：stackoverflow.com/a/62050700/2873538

标签： reactjs reach-router

【解决方案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>
);

作为参考，这里是文档。 react-router

【讨论】：

OP 没有使用 react-router 而是 @reach/router.
@Justin 是的，我没有使用 react-router，它似乎在本地工作，但在我将它托管在 Netlify 上之后就不行了