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