时间戳

首页 > 解决方案 > “某事某事”以平面文本的形式出现，无法正常执行

javascript - “某事某事”以平面文本的形式出现，无法正常执行

问题描述

我有一个问题，我在我的反应应用程序中使用 griddle.js 和 handsontable，我必须显示一个带有 sup 标签的值。但输出是平面文本，//something<sup>somthing</sup>但它应该显示为sup 标签

我的意思是 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}
  />

标签： javascripthtmlreactjsgriddle

解决方案

您可以使用 dangerouslySetInnerHTML 来呈现 html 元素

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

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

推荐阅读