“something^somthing”显示为平面文本，无法正常工作

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

你可以使用 dangerouslySetInnerHTML 来渲染 html 元素

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

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