文章/答案/技术大牛

发布

社区首页 >问答首页 >在JSX表达式中连接字符串和HTML

问在JSX表达式中连接字符串和HTML
EN

Stack Overflow用户

提问于 2018-06-15 03:53:55

回答 2查看 1.9K关注 0票数 0

我试图在JSX表达式中连接字符串和HTML，但似乎无法正确完成。我的渲染函数中的代码如下所示：

<span>
   {'preferred string' || `Other string ${<a target="_blank" href={someVariable}>text inside link</a>}`}
</span>

我希望它呈现的是：“链接内的其他字符串文本”

它实际呈现的是“其他字符串对象对象”。

我已经尝试了几种不同的策略，但都没有成功。任何建议都是非常感谢的。

发布于 2021-07-29 00:50:57

如果您只想将字符串与标记连接在一起，可以尝试这种简单的方法：

<>
    preferred string || Other string <a target="_blank" href={someVariable}>text inside link</a>
</>

或者，就像这样：

<span>
       {'preferred string' || <span>Other string <a target="_blank" href={someVariable}>text inside link</a></span>}
</span>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/50864939

复制

相似问题

问在JSX表达式中连接字符串和HTMLEN