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

Put html tag within string interpolation