Чем отличается константный первичный = красный [500]; // # F44336 const accent = red ['A200']; // # F44336? - PullRequest
1 голос
/ 20 мая 2019

Три способа ниже, чтобы получить цвет:

const primary = red[500]; // #F44336

const accent = purple['A200']; // #E040FB

const accent = purple.A200; // #E040FB (альтернативный метод)

Но яне знаете, что между ними?и какой из них мы должны использовать?

1 Ответ

0 голосов
/ 20 мая 2019

Три способа ниже - получить цвет [...], что между ними различается?

Если "они" означают методы для получения цвета ...

Методы для получения цвета (purple['A200'] против purple.A200) эквивалентны в результате, как вы указали.Это связано с тем, что свойства в объекте JavaScript доступны по ключу ([]) и наоборот.Однако свойства не могут начинаться с цифры, поэтому red.500 не будет работать.

Если "они" означают значения цвета ...

здесь определены значения https://material.io/design/color/#tools-for-picking-colors.

Какой из них использовать?

Если «один» относится к цвету ...

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

Начните с чтения this , чтобы увидеть, как работает цвет в Material Design.

Если «один» относится к методу ...

Использованиечто работает для вас.Это твой код.Он дает одинаковый результат в обоих случаях.Я, вероятно, выбрал бы синтаксис [], потому что он работает как с обычными цветами, так и с акцентными цветами, и я хотел бы, чтобы мой код был согласованным.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...