JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/2.0.0-beta.1/handlebars.min.js"></script>
<script id="template" type="text/x-template">
<table>
{{#each privileged_users}}
<tr><td>{{lookupProp ../users this 'name'}}</td></tr>
{{/each}}
</table>
</script>
<div id="results"></div>
JavaScript
var data = {
privileged_users: [ "user1", "user2" ],
users: {
user1: { name: "N1" },
user2: { name: "N2" },
user3: { name: "N3" }
}
};
Handlebars.registerHelper('lookupProp', function (obj, key, prop) {
return obj[key] && obj[key][prop];
});
var template = Handlebars.compile(document.getElementById('template').innerHTML);
document.getElementById('results').innerHTML = template(data);