Ant Design分步表单传参问题

1、第一步表单中验证问题:

const onValidateForm = () => {
      let fileInfo = this.props.form.getFieldsValue();
      //console.log('fileInfo', fileInfo);
      sessionStorage.setItem('fileInfo', JSON.stringify(fileInfo));
      validateFields((err, values) => {
        if (!err) {
          dispatch({
            type: 'file/saveStepFormData',
            payload: fileInfo,
          });
          router.push('/file/step-form/confirm');
        }
      });
    };

2、第二步表单中接收第一步表单中传过来的参数,提交表单

const onValidateForm = e => {
      const fileListInfo = sessionStorage.getItem('fileInfo');
      console.log('fileListInfo', fileListInfo, JSON.parse(fileListInfo));
      const dataInfo = JSON.parse(fileListInfo);

      const envName = dataInfo.envName;
      //console.log('dataInfo', dataInfo.dbIpPort);
      const dbName = dataInfo.dbName;
      const dbTableNames = dataInfo.dbTableNames;
      const sql = dataInfo.sql;

      let fileList = this.props.form.getFieldsValue();
      const projectName = fileList.projectName;
      const createDaoImpl = fileList.createDaoImpl;
      const extendsBaseEntity = fileList.extendsBaseEntity;
      const extendsBaseDao = fileList.extendsBaseDao;

      e.preventDefault();
      validateFields((err, values) => {
        if (!err) {
          dispatch({
            type: 'file/submitStepForm',
            payload: {
              envName,
              dbName,
              dbTableNames,
              sql,
              

              projectName,
              createDaoImpl,
              extendsBaseEntity,
              extendsBaseDao,
            },
          });
        }
      });
    };

3、 页面展示如下:

  • 1
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值