JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="nav navbar-nav navbar-right">
      <li class="active"><a href="#pageOne">Home</a></li>
      <li><a href="#pageTwo">About</a></li>
      <li><a href="#">Portfolio</a></li>
      <li><a href="#">Contact</a></li>
</ul>

CSS

.active {
  background:#e8e8e8;
}

JavaScript

var menuItems = $(".nav a");
    $(".nav a").on('click', function(event) {
        event.preventDefault();
        menuItems.parent().removeClass('active');
        $(this).parent().addClass('active');
    });