我遇到了一个问题,即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>