JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
<li class="active"><a href="#">Ranking PvP</a></li>
<li><a href="#">Ranking Clãs</a></li>
<li><a href="#">Ranking Guilds</a></li>
</ul>

CSS

.active{
    color:red;
}

JavaScript

$(document).ready(function(){

    $("li").click(function(){
        $("li").removeClass("active");
        $(this).addClass("active");
    });

});