此问题在此处已有答案：

Conditionally set background color in React component with Tailwind CSS（1个答案）
21小时前关门了。
Tailwind声明，当涉及到我们不想污染tailwind配置的任意颜色时，以下是可能的：

bg-[#e73d3dFF]

现在在代码中，当编写这样的颜色时，它起作用：

bg-[#e73d3dFF]

这是让我困惑的部分，当使用任何形式的编译编写时（我将展示所有示例），它都不起作用。字符串被正确地打印到HTML上，但颜色没有呈现。

示例1

`bg-[${navItem.bg.hex}]`

示例2

const classStyle = `bg-[${navItem.bg.hex}]`;
classNames({[classStyle]: true});

示例3：

'bg-[' + {navItem.bg.hex} + ']';

所有上述示例都能正确打印HTML，因此我们可以看到：

<li class="bg-[#e73d3dFF]">

但是，这里的踢球，颜色没有显示，规则没有应用，这就像颜色规则不是由顺风创建的。
有什么想法吗？