React基于Ant Design Pro开发时怎么替换组件的默认样式，并且使样式不作用到全局，只在当前组件生效。网上那些方法基本试过，调试不通过一律不采纳谢谢。比如说怎么修改抽屉的头部样式背景色为黑色。

问题描述：

React基于Ant Design Pro开发时怎么替换组件的默认样式，并且使样式不作用到全局，只在当前组件生效。网上那些方法基本试过，调试不通过一律不采纳谢谢。
比如说怎么修改抽屉的头部样式背景色为黑色。

答

api里面应该有写吧，里面有个headerStyle用于设置头部的样式啊，上面网址的修改class不行应该是权重不够，所以改不了

答

答

组件外层包个div，写个全局类如redColor，然后可以通过less等嵌套到对应组件，如:global{ .redColor{ .btn { color: 'red' } }},就可以做到只改当前组件。 (.btn——对应查看antd的组件类)

React基于Ant Design Pro开发时怎么替换组件的默认样式，并且使样式不作用到全局，只在当前组件生效。网上那些方法基本试过，调试不通过一律不采纳谢谢。 比如说怎么修改抽屉的头部样式背景色为黑色。