如何根据React中的状态动态设置字体颜色？

Question

我有一个星形图标，如果未将该行选择为收藏夹，则希望为黑色；如果该收藏夹为白色，则希望为白色。

我尝试过：

const RowActions = () => {
    const [favorite, setFavorite] = useState(false);

    return (
        <>
            <FontAwesomeIcon icon={favorite ? 'star' : ['fal', 'star']} onClick={() => setFavorite(!favorite)} style={[{color: favorite ? '#ffffff' : '#000000'}]} />
        </>
    )
}

已经确认“ onClick”可以正常工作并且图标确实发生了变化，只是颜色没有变化。

谢谢！