JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
  <li><a href="#" class="dynamic-link" data-content="content">1</a></li>
  <li><a href="#" class="dynamic-link" data-content="something else">2</a></li>
</ul>

<div id="dynamic-content">

</div>

JavaScript

document.querySelectorAll('.dynamic-link').forEach((element) => {
	element.onclick = function (event) {
	  // Avoid the click to be propagated to the reste of the app
  	event.preventDefault();
    
		document.getElementById('dynamic-content').innerHTML = element.dataset.content;
    
    // Avoid the link to be executed
    return false;
  };
});