Question

路由器用于在我的反应应用程序中进行路由。

矿山路线以给定的方式定义：

<Route path={food/:cuisine/:pageNo} component={foodList}

我的navBar有以下导航：

<Link to={"/food/italian/1"} activeClassName="active">Italian</Link>
<Link to={"/food/indian/1"} activeClassName="active">Indian</Link>

但是当访问页面没有。该组件的2（＆＃34; / food / indian / 2＆＃34;）然后myActive类的navBar没有显示。如果有任何替代方法来解决这个问题那么它会很棒。

感谢。

PS：我不想把所有的条件都放在一边，因为该应用程序有超过15种不同的菜肴

if(this.props.params.cuisine=="Indian){
    //then add .active in my Link to class
}

=======

Answer 1

在给定的情况下使用条件javascript。

喜欢：

pdfView.fromAsset(pdfName)
    .pages(0, 2, 1, 3, 3, 3)
    .defaultPage(1)
    .showMinimap(false)
    .enableSwipe(true)
    .onDraw(onDrawListener)
    .onLoad(onLoadCompleteListener)
    .onPageChange(onPageChangeListener)
    .load();

它将完美适合您。 if(this.props.params.cuisine=="Indian){ //then add .active in my Link to class }将比较整个路径路径，如果它是真的，那么它们将添加类激活。

替代选项：如果你可以使用javascript的activeClass函数创建一个常量值来获取url的后缀。

然后创建两个变量。

例如：

splice

然后使用：

var indianPrefix= "/food/indian/"+ urlSuffix;
var italianPrefix= "/food/italian/"+ urlSuffix;

错误：点击标签时使用此方法，您将始终登陆同一页面。

感谢。

链接到动态活动类？

1 个答案: