JSFiddle - React, Tailwind, and code Playground

HTML

<div id="top" class="shadow">
  <ul class="gprc"> 
    <li><a href="#">Home</a></li> 
    <li><a href="#">Text1</a></li> 
    <li><a href="#">Text2</a></li> 
    <li><a href="#">Text3</a></li> 
    <li><a href="#">Text4</a></li> 
  </ul> 
</div>

CSS

.active {
    background-color:red;
}

JavaScript

$("#top a").click(function() {
    $('a').removeClass('active');
    $(this).addClass("active");
});