antd + react model自定义footer_antd 的table分析

大家应该都熟悉,antd的组件都是基于rc-*组件开发的,table对应的是rc-table,在antd引入的情况如下图所示

antd + react model自定义footer_antd 的table分析_第1张图片

antd-rcTable

  1. 基本用法
    通过props传递过来的columns和dataSource分别渲染头部thead下的th和内容tbody下的td, 其中dataSource是antd内部有封装方法getCurrentPageData进行分页处理的
antd + react model自定义footer_antd 的table分析_第2张图片

主要渲染方式是rc-table文件的table下的getChildContext,返回的是table,在BaseTable下有this.context.table,同时BaseTable获取到了this.context.table信息,在render里通过createElement将元素渲染出来,因为是通过createElement渲染的,所以tableHeader可以是组件ReactElement形式

你可能感兴趣的:(antd,+,react,model自定义footer)