如何从另一个文件导入值到样式组件

Question

我试图将从另一个文件导入的值传递到我的样式化组件，但我从我的编辑器那里收到语法错误的通知，正确的写法是什么或者我如何传递背景值此组件的颜色？

import { Colors } from "../theme/Theme";

const FootergEl = styled.div`
  position: relative;
  height: 482px;
  width: 100vw;
  margin-top: 196px;
  background-color: `${Colors.Brand.BGFooter}`;
`;

Answer 1

正确的做法如下

import { Colors } from "../theme/Theme";

const FootergEl = styled.div`
position: relative;
height: 482px;
width: 100vw;
margin-top: 196px;
background-color: ${()=>Colors.Brand.BGFooter};`;
;