样式组件：我想在样式组件中使用变量

Question

我正在开发app。在这里，我为样式创建了单独的文件，将样式组件用于自定义css，但是问题是我无权使用variable而不是HEX value。我将颜色值放入变量中，但无法在styled-component中使用它。

import styled from 'styled-components';

// App Colors
let text ='#fff';

// Top Header Component Main Style
export const HeaderContainer= styled.div `
    margin-top: 67px;
    margin-left: 220px;
    margin-bottom: 30px;
    color: {text};
`

Answer 1

您在方括号前缺少$。

{{1}}