import React , { useEffect } from 'react' ; import { Input } from 'antd' ; type User = { pageNo : string ; idCard : string ; username : string ; password : string ; phone : string ; dateBirth : string ; } ; export const loadData = ( pageNo , pageSize ) => { console . log ( pageNo , pageSize ) ; return new Promise ( ( resolve ) => { const userDatas = [ ] ; for ( let i = 0 ; i < pageSize ; i += 1 ) { userDatas . push ( { pageNo : `当前加载第${ pageNo }页` , idCard : `429*******${ Math . ceil ( Math . random ( ) * 100 ) }` , username : 'Kotomi Ichinose' , password : '********' , phone : '+86 188*****12' , dateBirth : `19${ Math . ceil ( Math . random ( ) * 100 ) }` } ) ; } setTimeout ( ( ) => { resolve ( { datas : userDatas , total : 1000 , } ) ; } , 1000 ) ; } ) ; } ; export const editColumns = [ { name : '$index' , title : '序号' , } , { name : 'pageNo' , editable : true , title : '当前页码' } , { name : 'idCard' , editable : true , title : '身份证' } , { name : 'username' , editable : true , title : '用户名称' } , { name : 'password' , editable : true , title : '用户密码' } , { name : 'phone' , editable : true , title : '电话号码' } , { name : 'dateBirth' , editable : true , title : '出生日期' } ] ; const DataTemp = ( ) => { useEffect ( ( ) => { console . log ( '-----------' ) ; } , [ ] ) ; return < div > 123132 < /div>; } ; export const columns = [ { name : '$index' , title : '序号' , headerRenderer : ( props ) => ( < div > ☘ { props . column . name } < /div>) } , { name : 'pageNo' , title : '当前页码' , editable : true , formatter1 : ( ) => { return ( < DataTemp />); } } , { name : 'idCard' , title : '身份证' , editable : true } , { name : 'username' , title : '用户名称' , editable : true } , { name : 'password' , title : '用户密码' , editable : true } , { name : 'phone' , title : '电话号码' , editable : true } , { name : 'dateBirth' , title : '出生日期' , editable : true } ] ;