大家应该都熟悉,antd的组件都是基于rc-*组件开发的,table对应的是rc-table,在antd引入的情况如下图所示
![413522d86e55555d1eba692d2293d5b1.png](https://i-blog.csdnimg.cn/blog_migrate/608e33bb0d36822b4e9f64e8e51e4fe5.jpeg)
antd-rcTable
- 基本用法
通过props传递过来的columns和dataSource分别渲染头部thead下的th和内容tbody下的td, 其中dataSource是antd内部有封装方法getCurrentPageData进行分页处理的
![af3c221a45076f33ef5935e732298c72.png](https://i-blog.csdnimg.cn/blog_migrate/99387d910459473074d6e6a2558bb90b.jpeg)
主要渲染方式是rc-table文件的table下的getChildContext,返回的是table,在BaseTable下有this.context.table,同时BaseTable获取到了this.context.table信息,在render里通过createElement将元素渲染出来,因为是通过createElement渲染的,所以tableHeader可以是组件ReactElement形式