JSFiddle - React, Tailwind, and code Playground

HTML

<header id="top">
      <nav id="meuMenu">
          <ul>
            <li><a href="#">MENU 1</a></li>
             <li><a href="#">MENU 2</a></li>
             <li><a href="#">MENU 3</a></li>
             <li><a href="#">MENU 4</a></li>
          </ul>
        </nav>
  </header>

CSS

ul li {display:inline-block; margin:10px;}
.active {background-color:red;}

JavaScript

$('#meuMenu ul li').click(function(){
    $('#meuMenu ul li').removeClass('active');    
    $(this).addClass('active');
    
});