覆盖组件的默认样式

  • 以antd为例 ```jsx import styled from ‘styled-components’; import { Button } from ‘antd’;

export const StyledButton = styled(Button)&.ant-btn-primary { color: red; };

Button2

``` 常见问题 - 图1

  • 没有生效

其实是一个 webpack 加载 css 过程的问题,原因是在你当前代码加载之前,已经使用过 styled-components ,但是没有引用 antd ,导致 styled-components 的动态样式