react 修改 antdesign 的 组件默认样式

简介: react 修改 antdesign 的 组件默认样式


背景

最近接手,框架是react的,ui组件是antde sign的,因为加了一些默认的样式,本人不需要,想修改。以前vue的时候,直接源码找到样式,然后重写就可以了,但是react写法有点不同。

需求

图中框中的不让其显示,但是这个组件被封装过。

自带了,所以,我们来找到这个样式去修改下。

解决思路: 重写样式

我们在浏览器中给他个display:none看看。

那么怎么在react中写呢?

react样式改写

找到组件的css文件。重写样式

在table的外面包裹这个 hideSearch类样式,相当于透传一下,

使用如下:

再看效果:


大功告成!!


相关文章
|
4月前
|
资源调度 前端开发 JavaScript
React 的antd-mobile 组件库,嵌套路由
React 的antd-mobile 组件库,嵌套路由
42 0
|
3月前
|
存储 前端开发 中间件
React组件间的通信
React组件间的通信
17 1
|
3月前
|
前端开发 应用服务中间件 数据库
react服务端组件
react服务端组件
21 0
|
3月前
|
前端开发 JavaScript
快速上手React:从概述到组件与事件处理
快速上手React:从概述到组件与事件处理
|
4月前
|
前端开发 JavaScript API
React组件生命周期
React组件生命周期
76 1
|
4月前
|
资源调度 前端开发 JavaScript
React组件
React组件
42 0
|
4月前
|
存储 前端开发 JavaScript
探索 React Hooks 的世界:如何构建出色的组件(下)
探索 React Hooks 的世界:如何构建出色的组件(下)
探索 React Hooks 的世界:如何构建出色的组件(下)
|
4月前
|
缓存 前端开发 API
探索 React Hooks 的世界:如何构建出色的组件(上)
探索 React Hooks 的世界:如何构建出色的组件(上)
探索 React Hooks 的世界:如何构建出色的组件(上)
|
4月前
|
存储 前端开发 JavaScript
React组件中如何通讯
React组件中如何通讯
16 0
|
4月前
|
前端开发
react 使用 antd-mobile组件库实现下滑加载数据
react 使用 antd-mobile组件库实现下滑加载数据