提问者:小点点

如何在button元素[duplicate]中显示x次方2 (sup)


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

<代码>

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

<button onClick = {this.buttonClickHandler}>{this.props.name}</button>


共1个答案

匿名用户

你需要像这样使用危险的SetInnerHTML:

<button onClick={this.buttonClickHandler} dangerouslySetInnerHTML={{__html: this.props.name}} />

---下面的原始帖子,因为作者没有指定“x²”来自 React ---

按钮不像输入那样工作。它们是常规标签(不会关闭自己),它们的内容在开始和结束标签之间。

您不需要

你想要

所以在你的情况下,你可以这样做:

<button clickHandler = {this.buttonClickHandler}>x<sup>2</sup></button>