JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="myul">
    <li class="dataItem currentSelected">item 1</li>
    <li class="dataItem"> item 2</li>
    <li class="dataItem"> item 3</li>
    <li class="dataItem"> item 4</li>
</ul>

CSS

.currentSelected {
    color: red;
}
li {
    border: 1px solid red;
}

JavaScript

$('#myul li.dataItem').click(function(e) {
    $(this).addClass('currentSelected').siblings('.currentSelected').removeClass('currentSelected');
    e.stopPropagation();
});