JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="nav" id="filtre">
          <li> <a href="#">Home</a> </li>
          <li><a href="#">All</a></li>
          <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Graphics<b class="caret"></b></a>
            <ul class="dropdown-menu">
              <li><a href="#">Print Design</a></li>
              <li><a href="#">Identity Design</a></li>
              <li><a href="#">Print Book</a></li>
            </ul>
          </li>
          <li><a href="#">Web</a></li>
        </ul>

CSS

.active {
    background: black;
}

JavaScript

$("#filtre").on('click', 'a', function() {
    
    $("#filtre").find('li').removeClass("active");
    $(this).parent('li').addClass("active");
    
    return false;
});