我正在使用样式化组件并使用其标记的模板文字语法生成组件,例如:
const Button = styled.button`
background-color: papayawhip;
border-radius: 3px;
color: palevioletred;
`
在一种情况下,我需要调用一个函数,该函数基于断点生成媒体查询并传递要包含在其中的 css 的标记模板文字。
例如:
media(12)`
background-color: papayawhip;
`
媒体功能可能看起来像这样:
const media = mapValues(width => ({ css: (...args) => css`
@media (min-width: ${width}rem) {
${css(...args)}
}
`}));
是否可以同时传递一个值和一个标记的模板文字,或者我是不是走错了路?