jsx和React中的动态标签名称

小编典典

reactjs

我尝试编写一个React组件。对于html标题标签（h1，h2，h3等），其中标题优先级根据我们在道具中定义的优先级动态变化。

这是我尝试做的。

<h{this.props.priority}>Hello</h{this.props.priority}>

预期输出：

<h1>Hello</h1>

这是行不通的。有什么可能的方法可以做到这一点？

阅读 896

2020-07-22

共1个答案

小编典典

无法就地执行此操作，只需将其放在变量中（首字母大写）：

const CustomTag = `h${this.props.priority}`;

<CustomTag>Hello</CustomTag>

2020-07-22