Хочу вставить HTML теги в текст

Создаю несколько постов, используя функцию .map() в реакте. Названия и текст поста берутся из объекта в другом JS файле. Как я могу в значении ключа передать HTML теги, чтобы потом я мог к ним обращаться и работать отдельно с нужным участком текста?

Код React:
    {posts.text?
    posts.text.map(post => {return (<div className="post-text">{post}</div>)})
    :<></>}

Код из файла:
    {title:"Что такое язык Leo",
    subTitle:"Основа",
    text: ['<div>Leo</div>— это функциональный язык программирования со статической типизацией, созданный для написания приватных приложений. Leo является компилируемым языком, который позволяет на низком уровне работать с инструкциями Aleo', 'Язык построен на основе zkSNARKs (zero-knowledge Succinct Non-Interactive ARguments of Knowledge), неразглашаемые и невосприимчивые данные. ZkSNARK позволяет сказать «что есть функция F и переданная ей переменная x, я знаю  такую w, что F(x, w) = true». Так называемый “секрет” который подтверждает истиность x знает только программа.']
    },