Reactjs 可以在样式化组件中使用媒体选择器来设置属性吗？

是否可以这样做：

const ResponsiveDiv = styled.div.attrs({
    @media (max-width: 700px) {
        className: 'lg';
    }
})``;

---

可以在样式化组件中使用媒体查询。您可以创建一个包装器组件来包装响应内容

const ResponsiveDiv=styled.div`
@介质（最大宽度：700px）{
//你的风格在这里
}
`;我没有找到一种使用样式化组件的方法，但是您可以通过window属性解决问题

下面是我的例子：

我有一个组件来显示分页，根据屏幕宽度的不同，分页中有特定数量的子项

<PaginatedElements
    renderChildren={renderImage}
    multipleChildren={3}
    elements={data} />

我懂了。我希望避免放置具有不同属性的相同组件，即，