JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://rawgit.com/twbs/bootstrap/v4-dev/dist/css/bootstrap.css">
<script src="https://rawgit.com/twbs/bootstrap/v4-dev/dist/js/bootstrap.js"></script>
<body>

<nav>
        <ul>
          <li class='current'><a href="#" >Home</a></li>
          <li><a href="#">Over ons</a></li>
          <li><a href="#">Ons aanbod</a></li>
          <li><a href="#">Moppenhoekje</a></li>

        </ul>
</nav>
 <ul>
          <li class='current'><a href="#" >Home</a></li>
          <li><a href="#">Over ons</a></li>
          <li><a href="#">Ons aanbod</a></li>
          <li><a href="#">Moppenhoekje</a></li>

        </ul>
</body>

CSS

.current {
  
  color:red;
  background:yellow;
}

JavaScript

$("nav ul li a").click(function() {

    $(this).parent().addClass('current').siblings().removeClass('current');

    });