JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="items">
    <li id="id1">id1</li>
    <li id="id2" >id2</li>
    <li id="id3" >id3</li>
    <li id="id4" >id4</li>
</ul>

CSS

.active {
    color:red;
}

JavaScript

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