2017-07-18 3 views
2

送信コールバックでフィールド値を取得できません。代わりに私はそこでイベントを受けています。 は、誰もが、私は redux-formからフィールド値を取得する方法

+0

あなたはreduxフォームコードを追加してください。 –

+1

もちろん、そこにイベントがあります。イベントです。フォームの値は状態です。これを処理する方法については、redux-form docs(http://redux-form.com/7.0.0/examples/submitValidation/など)を参照してください。 –

答えて

1

handleSubmit

render() { 
 
    const { fields, handleSubmit, submitting, buttonWrapper, btnText } = this.props; 
 
    return (
 
     <form name="AddEvent" onSubmit={handleSubmit}> 
 
     {fields.map(field => (
 
      <div className={field.wrapperClass}> 
 
      <Field 
 
       name={field.name} 
 
       type={field.type || 'text'} 
 
       component={mapComponentClass(field.componentClass)} 
 
       validate={mapValidators(field.validate)} 
 
       props={field.inputProps} 
 
       label={field.label} 
 
      /> 
 
      </div> 
 
     ))} 
 
     <div className="form-submit-wrap container"> 
 
      <button 
 
       type="submit" 
 
       disabled={submitting} 
 
       className="form-submit" 
 
      > 
 
       {submitting ? 'Submitting' : 'Submit'} 
 
      </button> 
 
      </div> 
 
     </form> 
 
    ); 
 
    }

This is what I am getting in my submit callback

間違ってやっているあなたの onSubmit関数のラッパーであると考えられるものを私に伝えることができます。

はこのようにそれを試してみてください。

<form onSubmit={handleSubmit(onSubmit)}> 
</form> 

onSubmitは、すべてのフォームの値を1引数を受け取ることになります。あなたの結果として...

throw ReduxForm.SubmissionError({name: 'There\'s something wrong in the name field'}); 

:あなたはそれを求めていますが、したい場合はサイドノートとして、あなたのようなあなたのonSubmit関数内から提出検証エラーを引き起こすことができることを

ありませんAjaxを呼び出してnameを無効にします。

関連する問題