Html 如何在ReactJSJSX中使用无值属性的var元素？

我试图将一个简单的var元素封装在一个数字周围，这样DOM看起来就像这样：

<span><var number>30</var> minutes</span>

<span><var number>{mins}</var> minutes</span>

<span><var>30</var> minutes</span>

<span><var data-number="true">30</var> minutes</span>

我也尝试过用“数据编号”代替“编号”，这可能更接近，但仍然不是我想要的。它导致DOM如下所示：

<span><var number>30</var> minutes</span>

<span><var number>{mins}</var> minutes</span>

<span><var>30</var> minutes</span>

<span><var data-number="true">30</var> minutes</span>

30分钟

这对于我的用例是不可接受的。有人知道如何让React让我的无值属性不受影响吗？

你可以试试

<div dangerouslySetInnerHTML={{ __html: `<span><var number>${mins}</var> minutes</span>` }} />

元素中没有这样的属性
number
，您希望发生什么@DennisVash据我所知，你可以包含全局属性，其中包含“数据编号”作为有效属性。它将如何呈现HTML元素？哎呀，我误读了。我发现他试图显示文本