【问题标题】:ReduxForm - onSubmit method is not called for submit() functionReduxForm - 不为 submit() 函数调用 onSubmit 方法
【发布时间】:2019-05-31 12:11:41
【问题描述】:

当从onChange 事件调用onSubmit 方法时,我遇到了问题。

如果下面的表单被提交按钮函数buttonOnSubmit 提交。

但如果表单是由onChange事件中的函数props.submit()提交的,则不会调用函数buttonOnSubmit

你知道为什么吗?我试图在文档和互联网上找到解释,但我失败了。

谢谢。

  const Form = props => {
    // this method is called if submit button is clicked, it is not called from onChange event
    const buttonOnSubmit = (formData) => {
      return new Promise((resolve, reject) => {
        if (props.onSubmit) {
          props.onSubmit(formData);
        }
      });
    };

    return (
      <form onSubmit={props.handleSubmit(buttonOnSubmit)}>
        ....
      </form>
    );
  };

  return reduxForm({
    form: 'name',
    onChange: (values, dispatch, props) => {
        setTimeout(() => {
          props.submit();
        }, 0);
    }
  })(Form);

【问题讨论】:

    标签: reactjs react-redux redux-form


    【解决方案1】:

    您好想帮忙,但您有更多代码要分享吗?我猜这不是完整的代码。 reduxForm({ 形式:'名称', onChange: (values, dispatch, props) => { 设置超时(()=> { props.submit(); }, 0); } })(形式); 你的 reduxForm 是什么?

    【讨论】:

    • 欢迎来到 SO!这应该是对问题的评论,而不是答案。
    • 由于 50 名声望评分政策,我无法添加评论。对不起
    • reduxForm 是 redux-form 库中的函数。
    猜你喜欢
    • 2017-05-21
    • 1970-01-01
    • 2021-07-21
    • 1970-01-01
    • 1970-01-01
    • 2022-08-18
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多