将html标签放入字符串内插

瓦祖斯

我想将html标签放在字符串内插中

例如:

A,B,C是对象变量。

const string = `${A} (${B} / ${C})`; // This works

const string = `${A} (${<span className="text-light">{B} / {C})</span>}`; // What I want

当我渲染字符串时,span-tag显示为文本,它不应用html和css。

可以以某种方式完成吗?

删掉

不知道对象变量是什么意思。但这应该可以正常工作:

假设我们定义了一些变量:

const A = `First value`;
const B = `Second value`;
const C = `Third value`;

您提供的示例格式不正确:

const string = `${A} (${<span className="text-light">{B} / {C})</span>}`;

应该是这样的:

const string = `${A} <span className="text-light">(${B} / ${C})</span>`

在编写变量名之前,您始终需要使用美元符号并用大括号$ {括起来

编辑:

如果您的字符串中有一些HTML没关系,那么所有内容都将被视为JavaScript中的字符,您将不会在字符串或颜色中获得任何格式,而这些东西,JavaScript无法知道它具有某种视觉效果更改,您实际上需要在html文档中的某个位置插入/附加该字符串。就像一个html模板。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章