如何在React JS中设置活动链接

Question

我是React的新手，我只想知道如何使用react js设置nav-pills为活动状态，而我正在使用带有react js的bootstrap

我为此尝试过setState

我没有得到结果

Answer 1

1. 为您的药丸（如Tablinks）设置分类

2. 创建具有js dom功能的带有类名称的选项卡的函数，然后执行与dom相关的更改，例如将active添加到您的类中 3.现在点击以下函数调用上述功能：

   makeclickactive = (evt)=>{
   // Declare all variables
   let tablinks = document.getElementsByClassName("tablinks");//getting the nav pills
   for (let i = 0; i < tablinks.length; i++) {
       tablinks[i].className = tablinks[i].className.replace(" active", "");
   }
   evt.currentTarget.className += "active";
   

   }

按原样调用上述函数：

    onClick={this.makeclickactive}