Троичный оператор атрибута цвета кнопки пользовательского интерфейса React Material

#reactjs #conditional-operator

#reactjs #условный оператор

Вопрос:

Я пытаюсь условно отобразить цвет кнопки на основе загрузчика. Не уверен, что я делаю неправильно в синтаксисе.

 <Button type="submit" color={{ loader ? : "primary" : "disabled"}}>
  Join the Waitlist!
</Button>
 

Ответ №1:

color ожидает string не an object .

 color={loader ? "primary" : "disabled"}
 

смотрите примеры здесь:
https://material-ui.com/components/buttons/#button

Комментарии:

1. значение «отключено» не работает для меня (с TypeScript), у меня ошибка «Перегрузка не соответствует этому вызову». Я исправил проблему с: «color={loader ? «первичный» : не определено}»

Ответ №2:

У меня была похожая проблема, которая вызывала у меня приступы, пока я не понял, что disabled не является значением в color prop. это отдельный реквизит без привязки =. использование «первичного», «вторичного», «успеха» и т. Д. Может решить вашу проблему