react 引入antd 样式_怎么修改react antd中的默认样式？

为了快速开发，我们做项目时经常引用第三方的UI组件库，如Zent、Ant Design等。有时候，引用第三方组件的样式与我们自己写的组件的样式差异很大，我们需要修改第三方组件的默认样式。

怎么修改覆盖react antd(Ant Design)中的默认样式？

step.1 通过浏览器调试面板，找到需要修改的样式class 名

如下所式 .ant-time-picker-input

step.2 添加自定义样式mystyle

index.less样式文件中添加如下样式.mystyle :global(.ant-time-picker-input) {

width: 120px;

}

step.3 如何在 component组件中引用自定义样式import styles from '../index.less'

class myComponet extends Component {

render(){

return(<>

>)

}

}

更多前端开发知识，请查阅 HTML中文网 ！！