2
送信コールバックでフィールド値を取得できません。代わりに私はそこでイベントを受けています。 は、誰もが、私は redux-formからフィールド値を取得する方法
送信コールバックでフィールド値を取得できません。代わりに私はそこでイベントを受けています。 は、誰もが、私は redux-formからフィールド値を取得する方法
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>
);
}
onSubmit
関数のラッパーであると考えられるものを私に伝えることができます。
はこのようにそれを試してみてください。
<form onSubmit={handleSubmit(onSubmit)}>
</form>
今onSubmit
は、すべてのフォームの値を1引数を受け取ることになります。あなたの結果として...
throw ReduxForm.SubmissionError({name: 'There\'s something wrong in the name field'});
:あなたはそれを求めていますが、したい場合はサイドノートとして、あなたのようなあなたのonSubmit
関数内から提出検証エラーを引き起こすことができることを
ありませんAjaxを呼び出してname
を無効にします。
あなたはreduxフォームコードを追加してください。 –
もちろん、そこにイベントがあります。イベントです。フォームの値は状態です。これを処理する方法については、redux-form docs(http://redux-form.com/7.0.0/examples/submitValidation/など)を参照してください。 –