Reactjs 如何根据类型使用两种颜色？

我正在根据显示的类型定义颜色道具

colorStyle: {
                textAlign: "center",
                backgroundColor: "transparent",
                color: (theme.colors.BaseColor.Red as any).Red4,
            }

这是当前代码，它为所有通知类型提供一个红色文本。我正在尝试更新它，以显示红色，只有当它是一个错误和黑色的所有其他通知

有没有一种方法可以在同一个道具中更改它，或者我需要创建一个新道具并将其拉入api并在那里显示，然后编写一个条件语句？

将其更新为仅在错误时显示红色，并将所有其他通知显示为黑色

创建两种样式。一个是正常颜色，一个是红色。只有在出现错误时才应用带红色的

您可以将此条件逻辑放在组件/页面等的react呈现中