JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="list-class">
        <li><a href="#">All</a></li>
        <li><a href="#">Breakfast</a></li>
        <li><a href="#">Lunch</a></li>
        <li><a href="#">Dinner</a></li>
        <li><a href="#">Snack</a></li>
   </ul>

JavaScript

$('.list-class>li').on('click',
                  function(){
                   alert('clicked ' + $('a',this)[0].innerHTML);
                    }
 );