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

我有这样的JSX代码：

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

我想没什么问题，但我的浏览器一直告诉我意外的令牌

如何修复它？

正确的操作方法： 将其传递给您的项目组件：

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

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

只需在项目组件中使用它：

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

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

---

您可以使用ES6模板，请尝试以下操作：

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

---

将您的字符串作为另一个道具传递，它不会像您所做的那样工作。我添加了另一个道具，现在一切正常，非常感谢。