JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="navMenus">
<li><img src="http://placeimg.com/30/30/any">りんご</li>
<li>ごりら</li>
<li>らんぷ</li>
<li>ぷらんたー</li>
</ul>

CSS

.active {
    background-color:yellow;
    color:red;
    display:block;
    width:100%;
}
#navMenus {
    width:100%;
}
li {
    cursor:pointer;
    display:block;
    width:100%;
    margin-bottom:15px;
}

JavaScript

$("#navMenus").on('click', 'li', function () {
    $("#navMenus li.active").removeClass("active");
    // liクリック時にclass付与
    $(this).addClass("active");
});