JSFiddle - React, Tailwind, and code Playground

HTML

<div class="link-hldr">
    <a href="" class="tooltip">Tooltip</a>
</div>
<div id="tooltip">Tooltip</div>

CSS

#tooltip{ display: none;}

JavaScript

$('.link-hldr').on('mouseover', '.tooltip' , function () {            
      $('#tooltip').show();      
});

$('.link-hldr').on('mouseout', '.tooltip' , function () {            
      $('#tooltip').hide();      
});