/antd-pro-experience

记录日常react和antd开发的一些组件心得

Primary LanguageJavaScriptMIT LicenseMIT

记录antdpro和antd的开发心得

请主要关注src/pages/Template/这个路径下的组件

1.DataInteration组件

	<1>.介绍:使用了antdpro特有的数据交互模式 mock+services+models+页面,关注mock、services、models文件夹下的datainteration.js
	<1>.介绍: 使用的是动态的表格渲染,具体到每行每列都是一一配置的,便于掌握复杂情况下的Table组件开发
	<1>.介绍: 根据后台数据,动态的合并单元格,注意,这个是针对的没有后台分页的情况(也就是后端一次把所有数据返回的情况)
	<1>.介绍: 使用在子组件渲染modal的方式,多个modal数据的提交,解决一个bug,子组件校验失败后,孙组件传过来的值无法赋值上去
	<1>.介绍: 使用子组件渲染modal的方式,关注单个modal数据的提交
	<1>.介绍: 使用在子组件渲染modal的方式,多层modal数据的提交
	<1>.介绍: 在select组件中传递多个参数
	<1>.介绍: 用解构的方式来改变state的值,方便,必看!
	<1>.介绍: 分页组件,但是要后端给出总数total
	<1>.介绍: 点击每一行,选择一条数据
	<1>.介绍: 实现表格的批量编辑,添加,删除功能,必看!
	<1>.介绍: 在model中,使用routerRedux.push跳转,state属性来传递参数,不用显示在地址栏,如果要显示在地址栏,请将state属性改为query属性,接收使用this.props.loaction
	<1>.介绍: 使用的antd的上传组件,手动上传并传递参数
	<1>.介绍: basic文件夹为antd的简单封装,没有改任何内容,其他组件的封装都参考这个文件夹
	<1>.介绍: antdesin,Form表单下的自定义校验
	<1>.介绍: 在table中有输入框和子弹框,输入子弹框的值带回给table的input赋值