将html标签放在字符串插值中

Question

我想把html-tags放入字符串插值

,

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。

这有办法吗?

Answer 1

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

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

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模板。