JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li class="parent">blah
        <div class="child">Hey</div>
    </li>
</ul>

JavaScript

$(document).on("click", ".parent", function () {
     console.dir("parent clicked");
 });

 $(document).on("click", ".child", function (e) {
     console.dir("child clicked");
     e.stopPropagation();
 });