小编Wam*_*amz的帖子

我无法理解为什么蓝色在我的组件中不起作用。您能帮我解决 Stack Overflow 上的这个问题吗？我有一个标签组件，应该根据提供的颜色属性应用不同的背景和文本颜色。但是，当我将颜色属性设置为“蓝色”时，预期的蓝色不会应用于组件。我尝试了各种解决方案，包括动态构建类名以及对 Tailwind CSS 类使用正确的语法。然而，我一直没有成功解决这个问题。任何指导或建议将不胜感激。预先感谢您的帮助！

    import React from "react";
    
    export default function Tag({ index, tag, color = "red" }) {
      return (
        <li
          key={index}
          className={`inline-flex items-center rounded-full px-3 py-2 text-xs font-bold uppercase bg-${color}-200 text-${color}-700`}
        >
          <a href={`/?=${tag.text.replace(/\s/g, "_").toLowerCase()}`}>
            {tag.text}
          </a>
        </li>
      );
    }```