JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<ul class="nav nav-tabs">
  <li class="nav-item">
    <a class="nav-link" href="#First">First</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="#Second">Second</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="#Third">Third</a>
  </li>
</ul>

JavaScript

$().ready(function(){
  //расскоментируй эту строку и закомментируй следующую
  //var url = window.location.href;
	var url = "yoursite.com#Second";
  //делаем вкладку, переданную в адресе, активной
  var activeElem = $("li a[href='#" + url.split("#")[1] + "']");
  if (activeElem.length) {
  	activeElem.parent().addClass("active");
  } else {
  	$("ul.nav-tabs li:first").addClass("active");
  }
});

$("li.nav-item").click(function() {
	$("li.nav-item").removeClass("active");
  $(this).addClass("active");
})