Question

我正在使用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>中

在过去的几天里，我一直在努力获得这项工作，可以提供一些帮助。请，谢谢你

Answer 1

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

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

我也看到你放了attr

exact={true}

还有其他使用该attr的路线吗？您可能还要检查一下

Answer 2

<Switch>会浏览其子元素s和与当前URL匹配的第一个子元素。

这样就可以了。

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

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

React Router无法识别路由，将我重定向到黑屏

2 个答案: