当前位置: 首页 > 面试题库 >

如何使用React显示HTML实体?

蒋啸
2023-03-14
问题内容

我想显示“立方” html实体(上标3)。我是这样的:

const formatArea = function(val){
    return val + " ft³";
}

其中formatArea正被从组件内部称为:

render(){
    return (
        <div>
            {formatArea(this.props.area)}
        </div>
    );
}

但是,浏览器将其显示为 ft&sup3;


问题答案:

使用JSX找到这种方式:

const formatArea = (val) => {
    return (<span>{val}&nbsp;ft<sup>3</sup></span>);
}


 类似资料:
  • 我的一个视图返回了一个字符串,如下所示: 我试图用刀片显示它: 但是,输出是原始字符串,而不是呈现的超文本标记语言。如何在Laravel中使用Blade显示超文本标记语言? PS.PHP正确显示HTML。

  • 我想在WooCommerce PHP add_fee上通过HTML使用一个fontawesome图标,但它很清楚地把它写下来了...如何使其作为图标工作? 字面上显示为:

  • 问题内容: 我有简单的 HTML : 我想在中显示HTML样式的文本。这个怎么做? 问题答案: 您需要使用XML字符串中的HTML。仅在布局XML中引用带有HTML的字符串将不起作用。 这是您应该做的:

  • 问题内容: 我在内联显示Base64图像时遇到问题。 有人可以指出我正确的方向吗? 问题答案: 我怀疑当然是实际的base64数据,否则对我来说看起来不错。在类似方案起作用的地方查看此小提琴。您可以尝试指定字符集。 您可以尝试使用base64解码器查看base64数据是否正确。

  • 问题内容: 我正在使用Python制作网络应用程序,并且有一个要在HTML页面上显示的变量。我该怎么做呢?将使用在HTML页面是正确的做法呢? 问题答案: Flask文档中对此进行了非常清楚的解释,因此建议您阅读此书以全面理解,但这是呈现模板变量的非常简单的示例。 HTML模板文件存储在: 和简单的Flask应用程序: 运行此脚本,然后在浏览器中访问http://127.0.0.1:5000/。您

  • 如何使用Angular或JavaScript在超文本标记语言页面中显示Microsoft Word文件。请推荐任何提供此功能的库。