jsx和React中的动态标签名称

• Z时代
• 2024-01-10
• 分类：问答

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

这是我尝试做的。

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

预期输出：

<h1>Hello</h1>

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

回答：

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

const CustomTag = `h${this.props.priority}`;
<CustomTag>Hello</CustomTag>

以上是 jsx和React中的动态标签名称 的全部内容， 来源链接： utcz.com/qa/428890.html