打字稿：如何根据类型使用两种颜色？

Question

我要根据显示类型定义颜色道具。

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

这是当前代码，该代码以红色显示所有通知类型的文本。我试图将其更新为仅在出现错误时显示为红色，而在所有其他通知中显示为黑色。

是否可以在同一道具中对其进行更改，还是需要创建一个新的道具并将其拉入api并在其中显示它以编写条件语句？

Answer 1

  

将其更新为仅在出现错误时显示为红色，而在所有其他通知中显示为黑色。

创建两种样式。一种是正常颜色，另一种是红色。当出现错误时，仅应用带有红色 的红色。

您需要将此条件逻辑放入组件/页面等的反应渲染中。