Как добавить текст + значок в элемент строки таблицы HTML в Reactjs

Question

Я пытаюсь обновить элемент строки таблицы HTML текстом и значком. Это то, что я пробовал до сих пор:

const cell = document.getElementById("cellID");

if (true) { cell.innerHTML = {someText} {<i className="fa fa-exclamation-circle fa-fw" />} }

Здесь cell - это ячейка в таблице HTML. Например, <td id="someId">some text</td>, Я могу легко обновить текст с помощью cell.textContent = 'newText', но он не работает, когда я пытаюсь добавить значок рядом с текстом. Это не работает. Как я могу добавить значок с текстом?

Answer 1

Вы пробовали с шаблонными литералами

   if (true) { 
        cell.innerHTML = `${someText} <i class="fa fa-exclamation-circle fa-fw" />`
   }