我正在try 为HTML标题标签(h1、h2、h3等)编写一个React组件，其中标题级别是通过一个props 指定的.
我试着这样做:
<h{this.props.level}>Hello</h{this.props.level}>
预期输出如下:
<h1>Hello</h1>
但这是行不通的.有什么方法可以做到这一点吗？
我正在try 为HTML标题标签(h1、h2、h3等)编写一个React组件，其中标题级别是通过一个props 指定的.
我试着这样做:
<h{this.props.level}>Hello</h{this.props.level}>
预期输出如下:
<h1>Hello</h1>
但这是行不通的.有什么方法可以做到这一点吗？
没有办法做到这一点，只需将其放入一个变量(with first letter capitalised):
const CustomTag = `h${this.props.level}`;
<CustomTag>Hello</CustomTag>