React Router 无法识别路由，将我重定向到空白屏幕答案

【问题标题】：React Router not recognizing route, redirects me to blank screenReact Router 无法识别路由，将我重定向到空白屏幕
【发布时间】：2019-12-16 18:03:26
【问题描述】：

我正在使用 react router v4，我注册了一个路由并尝试创建一个链接，但是当我单击链接或手动输入它时，它似乎没有注册内容，甚至无法识别路线

这是我注册并制作链接

<div className="main-contain">
        <Route exact={true} path='/testingroute' component={TestBlock}/>
        <span>Click <Link to={'/testingroute'} className="main-link">here</Link> for further details!</span>
</div>

这是路由应该渲染的组件

const TestBlock = (props) => {
  console.log("this is being called");

  return (
    <span>Test</span>
  );
}

顺便说一句，应用程序被包裹在<BrowserRouter>中

在过去几天我一直在努力完成这项工作，因此需要一些帮助。请和谢谢你

【问题讨论】：

对我来说很好。你可以在这里查看：https://codesandbox.io/s/crazy-stallman-u1h3t

标签： javascript reactjs react-router react-router-v4

【解决方案1】：

您是否尝试将 Route 组件包装在 Switch 组件中？

<Switch>
  <Route path='/testingroute' component={TestBlock}/>
<Switch>

我也看到你放了 attr

exact={true}

还有其他使用该属性的路线吗？你可能也想检查一下

【讨论】：

【解决方案2】：

<Switch> 会查看其子 s 以及与当前 URL 匹配的第一个。

这样就可以了。

<Switch>
    <Route path='/testingroute' component={TestBlock}/>
<Switch>

https://reacttraining.com/react-router/web/guides/quick-start

【讨论】：