在React中修改antd的樣式

1、在Component的Radio中加個style={radioStyle}。

<RadioGroup>
  <Radio style={radioStyle} value={1}>多和他人談話</Radio>
  <Radio style={radioStyle} value={2}>寫下計划</Radio>>
</RadioGroup>

2、在style-components中寫

export const radioStyle = {
    display: 'block',
    height: '30px',
    lineHeight: '30px',
};

3、在Component中導入即可

import {
    radioStyle,
} from './style';

4、注意兩點

①要用style={radioStyle}而不是className

②注意寫樣式時，樣式的值要加引號

 

完美修改antd的樣式