JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="menuList">
<li class="menu"><a href="home">Home</a></li>
<li class="menu"><a href="gallery">gallery</a></li>
<li class="menu"><a href="about">about</a></li>
<li class="menu"><a href="contact">contact</a></li>
</ul>

CSS

.active
{
    background-color:green;
}

JavaScript

$('#menuList li').click(function(e){
 e.preventDefault();
    $('#menuList li').removeClass("active");
    $(this).addClass("active");
    
});