Question

我的网站有多个主题。我正在尝试将srcSet添加到这样的图像中：

export const Header = styled.img.attrs({
  src: props => props.theme.images.Header1x,
  srcSet: `${props => props.theme.images.Header1x} 1x, ${props => props.theme.images.Header2x} 2x, ${props => props.theme.images.Header3x} 3x`,
})`
  height: 42px
`;

src属性正确，但srcSet不是：

<img src="/images/header.jpg" srcset="function (props) {
    return props.theme.images.Header1x;
  } 1x, function (props) {
    return props.theme.images.Header2x;
  } 2x, function (props) {
    return props.theme.images.Header3x;
  } 3x" class="sc-VJcYb epAqoN">

styled-components主题功能非常精彩，我希望将所有主题组织起来，但我想不出用它来正确构建srcSet的方法。任何人都有任何策略，或者我是否需要完全朝另一个方向前进？

Answer 1

srcSet属性的值是模板字符串，但应该是一个返回字符串的函数。

worker.RunWorkerAsync();

将srcSet添加到样式组件主题图像

1 个答案: