ReactJS |无法访问分支。无法访问的代码

时间:2019-03-21 16:56:18

标签: javascript reactjs api debugging formik

我正在使用React和Formik高阶组件,为2个单独的页面提供ADD / EDIT功能。

create由可重用的模态组件处理。

Edit由启用forM的EditToggle按钮处理。

问题: 在下面的代码段中,当我创建所有内容时,一切正常。很好,没有错误没有问题。但是,当我编辑时,我没有执行If语句。如果您看到那里有一个调试器,则该调试器没有被调用。

您能看到我在哪里出错了,并告诉我为什么代码没有被执行。谢谢。

const EnhancedNewForm = withFormik({
    mapPropsToValues: ({ item }) => ({ ...item }),

    validationSchema,

    handleSubmit: (values, { props, setSubmitting }) => {
      const { inEditMode, onEditModeToggle, doSubmit, onSave, onCancel } = props;
      const save = values.id ? update : new;

      if (inEditMode) {
        debugger;
        return save(values)
          .then(() => {
            setSubmitting(false);
            onSave(values);
            onCancel();
          })
          .catch(() => {
            setSubmitting(false);
          });
      }

      if (!inEditMode) {
        doSubmit(save, values)
          .then(() => {
            setSubmitting(false);
            onSave();
          })
          .catch(() => {
            setSubmitting(false);
          });
      }

      setSubmitting(false);
      onEditModeToggle();
      return false;
    },

    displayName: 'View' // helps with React DevTools
  })(View);

  return EnhancedNewForm;

0 个答案:

没有答案