JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="my-nav">
  <li id="btn-1" onClick="clickBtn(1)">botão 1</li>
  <li id="btn-2" onClick="clickBtn(2)">Botão 2</li>
  <li id="btn-3" onClick="clickBtn(2)">Botão 3</li>
</ul>

CSS

.active{
   background-color: red;
}

JavaScript

function clickBtn(btn){
    $("ul#my-nav li").removeClass('active');
    $("ul#my-nav li#btn-"+btn).addClass('active');
}