Html 如何在按钮元素中显示x电源2(sup)

Html 如何在按钮元素中显示x电源2(sup),html,reactjs,Html,Reactjs,我正在reactjs项目中创建一个标准计算器。有一个按钮可以计算x幂2,我正在使用html元素来计算,但这不起作用 按钮元素是根据以下代码创建的: <button onClick = {this.buttonClickHandler}>{this.props.name}</button> {this.props.name} 我想显示这样的文本x2您需要这样使用: ---下面是原文,因为作者没有指定“x²”来自React--- 按钮不像输入那样工作。它们是常规标记

我正在reactjs项目中创建一个标准计算器。有一个按钮可以计算x幂2,我正在使用html元素
来计算,但这不起作用

按钮元素是根据以下代码创建的:

<button onClick = {this.buttonClickHandler}>{this.props.name}</button>
{this.props.name}
我想显示这样的文本x2

您需要这样使用:


---下面是原文,因为作者没有指定“x²”来自React---

按钮不像输入那样工作。它们是常规标记(不会自行关闭),其内容位于开始标记和结束标记之间

您不需要

您需要
内容

因此,在您的情况下,您可以这样做:

x2

yes。。4.这样做是徒劳的。。{this.props.name}@AshokGadri,为什么它不起作用?你能举个例子吗?错误?截图?编辑你的帖子,展示你的尝试和结果。@AshokGadri编辑你自己的帖子,而不是我的。还可以添加自己的代码示例。添加了图像和代码。