开发者问题收集

Typescript:如何根据类型使用两种颜色?

2018-08-28
171

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

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

这是当前代码,它为所有通知类型提供红色文本。我正在尝试将其更新为仅在发生错误时显示红色,对所有其他通知显示黑色。

有没有办法可以在同一个道具中更改它,还是我需要创建一个新的道具并将其拉入 api 并在那里显示它并编写条件语句?

1个回答

to update it to show red color only if it is an error and black to all other notifications.

创建 两种 样式。一种为正常颜色,一种为红色。仅在 出现错误时才应用红色样式。

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

basarat
2018-08-28