React中的列表组件封装

上个星期给我一个任务,让我把信贷工厂的列表封装一个公共的组件
下面我就记录下。
React中的列表组件封装
大体就是这样。
整体思路:我是通过extends继承组件的想法把一些公共的方法整合在公共的组件里面

查询条件封装

把查询条件写在一个数组里面,然后把这个方法写在公共的组件里面

以下就是我写的部分代码
React中的列表组件封装
React中的列表组件封装

表格体

React中的列表组件封装
React中的列表组件封装

分页器

React中的列表组件封装
差不多就这么多。