如何自定义容器组件
摘要：假如我现在想自定义一个类似Form.Item的组件,可以让其作为容器组件,承包一部分逻辑.然后我包裹着的组件还能正常显示. 方案:关键函数React.cloneElement或者React.createElement.如果是直接填入组件而并非动态生成的,主要推荐React.cloneElement,
阅读全文
posted @
2021-08-30 15:40
Shyno
阅读(108)
推荐(0) 编辑
【antd】如何自定义antd组件form表单中Form.Item里的内容组件
摘要：需求:现有一个form表单,但是其中一个元素比较复杂,并不是简单的输入框或者下拉框之类的.但是我又希望能通过form.validateFields().then()去获得它的值,就不需要在当前页面写大量相关的逻辑了. 比如:如图为一个可以增删改的input列表 方案:将其封装成自动绑定值的组件 (1
阅读全文
posted @
2021-08-30 15:12
Shyno
阅读(9761)
推荐(1) 编辑
【antd】表单-单页面多表单提交功能
摘要：需求:多个表单,我想一起校验一起提交,比如这里的上下两个部分为两个组件,两个form表单 功能点:1.所有报表需通过校验 2.通过校验后提交并带入所有参数 核心问题:form表单的validateFields()返回的是一个promise对象,也就是说他是一个异步方法,对标的的校验必定有异步问题.而
阅读全文
posted @
2021-08-27 16:18
Shyno
阅读(2190)
推荐(0) 编辑
子组件dispatch导致其他页面刷新问题解决
摘要：问题: 现在有一个页面,包含"项目基本要素"和"供应链管控要素"多个组件,其中一个组件有表单级联,通过产品类型的不同选取去调接口获得产品名称的下拉 调接口是通过dispatch实现的. 理想状态:当我调用这个接口时只改变另一个相关下拉框的数据,其他的以及其他同级组件的值不变. 实际结果:当我调用后,
阅读全文
posted @
2021-08-25 18:46
Shyno
阅读(424)
推荐(0) 编辑
antd动态的表格合并(包含排序功能)
摘要：主要是两个步骤, 1.处理接口返回数据,给其添加两个属性,一个是合并行数(列数),一个是当前数据的序号 2.在columns结合antd官网的处理方法合并表格 3.尽可能得减少计算量 数据处理函数 /** * 表单表头合并 * @param list 需要遍历的数组 * @param key 合并依
阅读全文
posted @
2021-08-20 18:29
Shyno
阅读(1028)
推荐(0) 编辑
