JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="mymenu" class="sm">
    <li class="m1 active" data-family="A">A</li>
    <li class="m2" data-family="B">B</li>
    <li class="m3" data-family="C">C</li>
    <li class="m4" data-family="D">D</li>
    <li class="m5" data-family="E">E</li>
    <li class="m6" data-family="F">F</li>
    <li class="m7" data-family="G">G</li>
    <li class="m8" data-family="I">I</li>
    <li class="m9" data-family="J">J</li>
</ul>

JavaScript

$(

function () {
    $("#mymenu > li").click(function (e) {
        e.preventDefault();
        console.log($(this).data('family'));
    });
});