JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
<div class="dlg" id="dialog-1">
    <p>This is Dialog 1</p>
</div>
<button class="dlg_btn" data-dlg="1">Project 1</button>
<div class="dlg" id="dialog-2">
    <p>This is Dialog 2</p>
</div>
<button class="dlg_btn" data-dlg="2">Project 2</button>

JavaScript

//do bindings
$(".dlg").dialog({
    autoOpen: false
});
//button click callback
$(".dlg_btn").click(function () {
    var projectid = $(this).attr("data-dlg");
    $("#dialog-" + projectid).dialog("open");
});