当前位置:   article > 正文

antd3中Form实现编辑和新增共用Modal时出现的问题_antd3 form 新增表单编辑

antd3 form 新增表单编辑

       在做项目时,表单新增和编辑框往往是一样的,只不过一个有数据,而一个没有数据

但是我修改了编辑框保存后,再打开新增对话框,总是有数据,也就是数据没有清空

于是在查找官网文档,我用的是antd3版本,有一个resetField函数:

resetFields重置一组输入控件的值(为 initialValue)与状态,如不传入参数,则重置所有组件Function([names: string[]])

 

编辑函数:

  1. //编辑
  2. handleEdit = (row) => {
  3. const { form } = this.formRef.props; //获取form
  4. form.resetFields(); //清空form中每条数据
  5. this.setState({
  6. editModalVisible:true,
  7. currentRowData:Object.assign({}, row),
  8. modalTitle: '编辑'
  9. })
  10. }

新增函数:

  1. handleAdd = () => {
  2. const { form } = this.formRef.props;
  3. form.resetFields();
  4. this.setState({
  5. modalTitle: '新增',
  6. editModalVisible:true,
  7. currentRowData:[],
  8. })
  9. }

 

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/Gausst松鼠会/article/detail/91620
推荐阅读
相关标签
  

闽ICP备14008679号