我想将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] 删除。
我来说两句