JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="nav">
    <li class="item"></li>
    <li class="item"></li>
    <li class="item"></li>
    <li class="item"></li>
</ul>

CSS

.nav li.item {
    background-image: url('270vob.png');
}

.nav li.active {
    background-image: url('270orange.png');
}

JavaScript

$('.nav').on('click', 'li', function () {
    $('.nav').find('.active').removeClass('active');
    $(this).addClass('active');
});