Блог

Можно ли использовать цвета пользовательского интерфейса Material в компонентах в стиле react? Если да, то каков синтаксис для этого?

Я пытаюсь следующим образом:

 import styled from 'styled-components/macro';
import blue from '@material-ui/core/colors/blue';
import indigo from '@material-ui/core/colors/indigo';

export const Icons = styled.span`

    color: {  indigo['A400'] };
`
;
  

Я тоже пробовал (все догадки):

 color: blue[500]
color: { blue[500] }
color: "blue[500]"
  

Я не могу найти способ, который работает.

Вы находитесь внутри литерала шаблона, поэтому используйте ${} синтаксис, если вы решите оценивать выражения JavaScript

 export const Icons = styled.span`
  color: ${indigo['A400']};
`;