如何在 React 样式组件中使用 Material 颜色？

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']};
`;