«Что-то ^что-то» выглядит как плоский текст и не работает, как его выполнять

Question

У меня проблема с тем, что я использую griddle.js и handsontable в своем приложении реагирования, и мне нужно отобразить значение с тегом sup. Но на выходе получается плоский текст с //something<sup>somthing</sup>, но вместо этого он должен отображаться как sup tag

Я имею в виду теги html рассматриваются как плоский текст.

Любое предложение будет оценено. Извините, я новичок в Ractjs

const base_price = 100;
extProps.results = 'something' + base_price.sup();  //something + <sup>100</sup> 

   <Griddle
    ref="griddle"
    resultsPerPage={resultsPerPage}
    table_value = { extProps.results}
  />

Answer 1

Вы можете использовать опасно SetInnerHTML для рендеринга HTML-элементов

const base_price = 100;
extProps.results = <div dangerouslySetInnerHTML={{ __html: "something <sup>100</sup>" }} />;

   <Griddle
    ref="griddle"
    resultsPerPage={resultsPerPage}
    table_value = { extProps.results}
  />