Javascript 如何将字符串和组件作为道具传递？

我可以通过这样的考试：

<CardTitle title={this.props.post.title} subtitle={
    <Link to={this.props.post.author}>{this.props.post.author}</Link>
} />

但我需要传递一个组件和一些字符串文本，但这样做不起作用：

<CardTitle title={this.props.post.title} subtitle={(`
    This is a link: ${<Link to={this.props.post.author}>{this.props.post.author}</Link>}
`)} />

---

正确的语法是什么？

尝试将其作为React元素传递，而不是作为字符串传递：

然后应该能够按原样呈现

字幕

。如果使用的是React>16，则可能需要使用：

从'react'导入{Fragment}；
// ...
副标题={
这是一个链接：{This.props.post.author}
}

有趣的是，我尝试了第一种方法，但它导致了一个错误，因为我没有包含容器标记（在您的例子中是span）。加一个就行了。谢谢