ConfigProvider
一、引入
import { ConfigProvider } from 'antd';
二、作用
1.统一全局配置(主题颜色、国际化、多语言、RTL 布局等)
2.顶层包裹你的应用(一般写在 _app.tsx 或 layout.tsx 里)
三、常用属性
<ConfigProvider
theme={{
token: {
colorPrimary: '#3ACDD7',
colorError: '#EE5253',
fontFamily: 'Apercu, sans-serif ',
},
}}
renderEmpty={() => <TableEmptyState />}
>
...
</ConfigProvider>
1. theme 主题色
基本使用:
theme={{
token: {
colorPrimary: '#3ACDD7', //主题色
colorError: '#EE5253', //错误颜色
fontFamily: 'Apercu, sans-serif ', //字体样式
},
}}
2.空态图
renderEmpty={() => <TableEmptyState />}
当某些组件(如 Table、List、Select、Tree 等)没有数据时,就会调用 renderEmpty 渲染你定义的组件,而不是默认的 “暂无数据”。