React JSX 中的动态标签名称

小编典典

all

我正在尝试为 HTML 标题标签（、、、等）编写一个 React 组件h1，h2其中h3标题级别是通过道具指定的。

我试着这样做：

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

和预期的输出，如：

<h1>Hello</h1>

但这不起作用。有没有可能的方法来做到这一点？

阅读 81

2022-05-19

共1个答案

小编典典

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

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

<CustomTag>Hello</CustomTag>

2022-05-19