JSFiddle - React, Tailwind, and code Playground
HTML
<ul>
<li><a href="#" onclick="shareURL(); return false;" data-share="https://www.facebook.com/sharer/sharer.php?u=" href="#">Share on Facebook</a></li>
<li><a href="#" onclick="shareURL(); return false;" data-share="https://www.linkedin.com/shareArticle?mini=true&url=" href="#">Share on LinkedIn</a></li>
<li><a href="#" onclick="shareURL(); return false;" data-share="https://twitter.com/home?status=" href="#">Share on Twitter</a></li>
</ul>
JavaScript
function shareURL() {
var $url = window.location.href;
var $src = $(this).data("share");
$url = encodeURI($url);
if ($src) {
window.location.href = $url + $src;
}
}