如何在反应属性中混合使用字符串和 JSX？

Question

我有这样的 JSX 代码：

<Item cate="capital" parm={"11"+{<span>.55</span>}} small="Feb" />

我认为没有问题，但我的浏览器一直告诉我 "Unexpected token"。

我该如何解决？

Answer 1

正确的做法：将它传递给您的项目组件：

<Item cate="capital" parm={<span>.55</span>}
small="Feb"
addToParm="11" />

并且只需在您的 Item 组件中使用它：

<div>
    {this.props.addToParm}
    {this.props.parm}
</div>

Answer 2

你可以使用 ES6 模板，试试这个：

<Item cate="capital" parm={`11${<span>.55</span>}`} small="Feb" />

How can I mix string and JSX in react properties?