Javascript 当列表中的任何项目在React Router v4中处于活动状态时,设置活动引导nav下拉列表
我正在使用React Router v4并尝试编写一个包装器,允许引导下拉类处于活动状态。要点是我需要匹配多个路由,我不确定如何在这个包装器中实现这一点 以下是我所拥有的:Javascript 当列表中的任何项目在React Router v4中处于活动状态时,设置活动引导nav下拉列表,javascript,twitter-bootstrap,reactjs,react-router,Javascript,Twitter Bootstrap,Reactjs,React Router,我正在使用React Router v4并尝试编写一个包装器,允许引导下拉类处于活动状态。要点是我需要匹配多个路由,我不确定如何在这个包装器中实现这一点 以下是我所拥有的: import React,{PropTypes}来自'React'; 从“反应路由器”导入{Link}; const DropDownLinkWrapper=({links,label})=>{ 返回( // {//此处的输出菜单链接} } ); }; DropDownLinkWrapper.propTypes=
import React,{PropTypes}来自'React';
从“反应路由器”导入{Link};
const DropDownLinkWrapper=({links,label})=>{
返回(
//
{//此处的输出菜单链接}
}
);
};
DropDownLinkWrapper.propTypes={
链接:PropTypes.array.isRequired,
标签:PropTypes.string.isRequired
};
导出默认的DropDownLinkWrapper
您将无法使用
执行此操作。您需要实现一个可以根据当前路径名检查多个位置的组件。实际上,我在一个我一直在研究的组件库中有一个高阶组件,在这里应该很有用。如果你想看的话,我可以把它链接起来。当然可以!那太好了!我知道我在上面的评论中说过,但为了充分披露,这是我自己的项目。源代码位于,具体来说,我指的是whenActive
高阶组件。您需要通过的是isActive
函数(有关示例,请参阅isActive
测试)。如果没有其他东西,希望它能帮助你朝着正确的方向去构建你自己的组件来做类似的事情。现在使用它有点痛苦,因为您必须git clone
和npm link
立即使用v4
分支。测试版有望很快发布,届时测试将更加实用。谢谢,@PaulS。我真的很感激!