Reactjs 反应路由器导航链路激活

我是一个新的反应和反应路由器。我有一个侧边栏，有一个路由链接 以存储信息和详细信息

//边栏链接

信息

Inside store information details容器有一个按钮链接路由，用于编辑如下所示的商店信息

//链接以编辑信息

编辑信息

问题是我希望侧边栏链接信息在导航时保持活动状态

---

编辑存储信息容器。当我在编辑存储信息容器中时，活动类将被删除。

您可以这样编写Navlink的isActive：

 isActive={(match, location) => {
 return location.pathname.includes("/store/information/");
    }}

所以你的整个导航链接是这样的：

      <NavLink
    to="/store/information/details"
    activeClassName="active"
    isActive={(match, location) => {
      return location.pathname.includes("/store/information/");
    }}
  >
    information page
  </NavLink>

{
返回位置.pathname.includes（“/store/information/”）；
}}
>
信息页

您可以在我为您提供的代码沙盒中找到完整的示例：

更多资源：

---

如果您还有任何问题，请告诉我

这是否回答了您的问题？否。这是不同的用例。是否要导航到第二个链接和第一个链接以保持活动状态？是吗？是的，我想第一个保持活动状态我在iActive道具中阅读了这些文档，但不知道如何使用