React js формирование JSX на основе строки

Добрый день. Использую React JS. Render компонента. У меня есть динамическая строка:

var string = "#k - #score - #date":

Мы точный порядок не знаем. И предположим что таких "меток" в строке очень большое количество.

У нас есть объект с ключами этих меток и jsx шаблоном соответствующий метке

var template = {
   "#k" : <div>Комадна</div>,
   "#score" : <span>Результат</span>
};

Размер этого объекта всегда равен количеству меток в строке выше.

так вот. Рендер должен возвратить на основе этой строки jsx шаблон . Как это реализовать?

Спасибо