如何在反应样式组件中使用“材质”颜色？

Question

是否可以在React样式的组件中使用Material UI颜色？如果是这样，它的语法是什么？

我正在尝试如下：

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]"

我找不到可行的方法。

Answer 1

您位于模板文字内部，因此如果您选择评估JavaScript表达式，请使用${}语法

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