【react】 antd中更改默认样式

在react项目中个人比较喜欢，使用css Module的形式写样式。对比直接引入样式的最大的好处是可以有效避免样式名重复。

直接使用样式名

 <RangePicker className='rangePick' showTime format="YYYY-MM-DD HH:mm:ss" />
//更改默认样式
.rangePick{
　　ant-picker-input{
　　　color：red
    }
}

　

 使用css Module时更改样式

import styles from './index.module.less'

 <RangePicker className={styles.rangePick} showTime format="YYYY-MM-DD HH:mm:ss" />

//index.module.less

.rangePick{
    :global {
      .ant-picker-input {
         color:red
      }
    }
}