jsx和React中的动态标记名

作者

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

这就是我要做的

&lt；h{this.props.priority}&gt；你好&lt/h{this.props.priority}&gt

预期产出：

&lt；h1&gt；你好&lt/h1&gt

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

没有办法做到这一点，只需将其放入变量中（首字母大写）：

constcustomtag=`h${this.props.priority}`；
&lt；客户标签&gt；你好&lt/客户标签&gt；

相关文章：

  1. 使用React路由器以编程方式导航
  2. 您是否可以在不调用setState的情况下强制React组件重新加载？
  3. 未捕获错误：不变冲突：元素类型无效：应为字符串（用于内置组件）或类/函数，但得到：对象
  4. 使用es6类时，React中的“super（）”和“super（props）”有什么区别？

发表评论

© 2026 开发百科-程序代码问答平台 • Built with