JSFiddle - React, Tailwind, and code Playground

by cmruser

JavaScript

const stringtemplate = [
	{
  	key: '{{content}}',
    value: '<Content />'
  },
  {
  	key: '{{nav}}',
    value: '<Nav />'
  },  
];

const template = '<div>{{content}}{{nav}}</div>';

const result = stringtemplate.reduce((s, v) => {
	var replace = v.key;
	var key = new RegExp(replace,"g");
	return s = s.replace(key, v.value);
}, template);

console.log(result);