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('3')">Botão 3</li>
</ul>

CSS

ul#my-nav {
  list-style: none;
}

ul#my-nav li {
  background: #000;
  padding: 10px;
  color: #fff;
}

ul#my-nav li.active {
  background-color: red;
}

JavaScript

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