Машинопись: как использовать два цвета в зависимости от типа?

Question

Я определяю цветовую опору в зависимости от типа дисплея.

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

Это текущий код, который дает текст для всех типов уведомлений с красным цветом. Я пытаюсь обновить его, чтобы он показывал красный цвет, только если это ошибка, и черный для всех остальных уведомлений.

Есть ли способ, которым я могу изменить его в той же самой опоре, или мне нужно создать новую опору и вытянуть ее в API и отобразить ее там, написав условное утверждение?

Answer 1

обновить его, чтобы он отображал красный цвет только в случае ошибки и черный для всех остальных уведомлений.

Создание двух стилей. Один с нормальным цветом и один с красным. Применяйте тот, который отмечен красным , только когда имеет ошибку.

Вы бы поместили эту условную логику в рендеринг реакции вашего компонента / страницы и т. Д.