Javascript 如何根据它更改颜色文本'；React和JS中的内容

我想根据文本内容更改颜色文本，但这对我不起作用。你知道为什么吗？谢谢。我在用React

<p>
    <b>Online, yes/no:</b>
    <span className={ {link.activated}  === 'Online' ? "text-success" : "text-primary"}>{link.activated}</span>
</p>

在线，是/否：
{link.activated}

假设您的样式表已经设置好，那么应该可以：

<p>
    <b>Online, yes/no:</b>
    <span className={ link.activated  === 'Online' ? "text-success" : "text-primary"}>{link.activated}</span>
</p>

在线，是/否：
{link.activated}

---

您基本上不需要将

链接包装起来。在
类名
什么是
文本
？？它是位于state、variable还是什么位置？如果不查看所有代码，很难提供帮助。文本设置在哪里？文本显示的是同一个变量。。。我刚刚编辑了代码，请看一下。我想要的是当{link.activated}等于“Online”时变为绿色。{link.activated}这是一个变量，它在尝试动态更改颜色之前呈现得非常完美。非常好！