FontAwesome Kit 图标没有条件渲染

Question

我在网站上使用了Fontawesome套件，并且没有显示任何图标的任何问题。

但是，现在我只是尝试执行以下操作：

const [sort, setSort] = useState(true)

<i class={sort ? "fa-regular fa-angle-down" : "fa-regular fa-angle-up"}></i>

或者

{sort ? <i class="fa-regular fa-angle-down"></i> : <i class="fa-angle fa-angle-up"></i>}

我可以从console.log中看到，并且如果我什至做sort.tostring（）对图标所在的位置，当我单击按钮时，状态正在发生变化。但是，在这种情况下，没有fa-angle fa-chevron-up图标的渲染。它只是一直显示fa-angle fa-angle-down图标。如果我将图标更改为某些文本，例如：

{sort ? "foo" : "bar"}

它在两者之间更改。但不是fontawesome图标。

我是做错了什么，还是...？