将 html 标记放在字符串插值内

Question

我想将 html-tags 放在字符串插值中

前任：

A、B、C 是 object 变量。

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

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

当我渲染字符串时，跨度标签显示为文本，它不应用 html 和 css。

这可以以某种方式完成吗？

Answer 1

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

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

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>`

在编写变量名之前，您总是需要使用美元符号并打开大括号${ 。

编辑：

If you have some HTML in your string it doesn't matter, everything is treated as characters in JavaScript, you won't get any formatting in the string or colors and such stuff, JavaScript has no way of knowing about that to have some visual更改您需要在 html 文档的某处实际插入 / append 该字符串。 它就像一个 html 模板。