javascript-样式组件:我想在样式组件中使用变量

前端之家收集整理的这篇文章主要介绍了javascript-样式组件:我想在样式组件中使用变量 前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我正在开发应用程序.在这里,我为样式创建了单独的文件,将样式组件用于自定义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};
`
最佳答案
您在方括号之前缺少$.

color: ${text};

猜你在找的JavaScript相关文章