我在next.js中使用tailwind，我有一个常用的方法来动态返回我想要的背景颜色。问题是，尽管添加了类名，但背景颜色并没有生效。我读了tailwind文档，类名不能部分添加，但我认为这不适用于我的情况。我添加了整个类名。这违反tailwind规则吗？奇怪的是，只有PW生效，其余的都没有。

public static getWatchStatusBackgroundColor = (
    watchStatus: ReturnType<typeof CommonMethods.getUserWatchStatusFromMedia>
) => {
    switch (watchStatus) {
        case 'W':
            return 'bg-green-500';
        case 'C':
            return 'bg-yellow-500';
        case 'PW':
            return 'bg-blue-500';
        case 'OH':
            return 'bg-orange-500';
        case 'D':
            return 'bg-red-500';
        default:
            return '';
    }
};

<div
    className={`absolute right-0 top-0 flex h-7 w-7 items-center justify-center ${CommonMethods.getWatchStatusBackgroundColor(
        userWatchStatusFromMedia
    )} text-base text-white`}
>
    {userWatchStatusFromMedia}
</div>

字符串