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

Question

我有这样的JSX代码：

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

我认为没有错，但我的浏览器一直告诉我“意外的令牌”。

我该如何解决？

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" />

read more about ES6 template