在IE中渲染后,React Router Link无法正常工作

时间:2017-07-11 23:01:28

标签: javascript reactjs redux react-router react-redux

我遇到了一个问题,即React Router的NavLink在成功登录后没有处理仪表板屏幕的初始渲染。在尝试了许多不同的事情后,我在这里发帖。你可能不知道为什么,但它值得一试。

仪表板的示例布局如下:

<div class="item" ng-hide="filteredItems && filteredItems.length">
    <p>Er zijn geen ijssoorten gevonden!</p>
</div>

初始渲染时,链接2将无响应,而链接1,3和4工作正常。例如,单击链接3将在内容部分中呈现新元素,然后然后链接2将起作用。

我甚至尝试将NavLinks更改为锚标签并添加我自己的点击处理程序,但无论我尝试什么,第二个链接都将无法工作,直到发生一些神秘的事件。

有什么想法吗?

编辑* 为@arracso

添加路线

经过身份验证的路线:

<div>
  <nav>
    <NavLink>Link 1</NavLink>
    <NavLink>Link 2</NavLink>
    <NavLink>Link 3</NavLink>
    <NavLink>Link 4</NavLink>
  </nav>
  <div>
    <!-- CONTENT -->
  </div>
</div>

控制板:

 <Switch>
      <Route path="/route-1" component={SomeComponent} />
      <Route path="/*" component={Dashboard} />
 </Switch>

0 个答案:

没有答案