我无法在提交回调中获取字段值。相反,我在那里收到了一个事件。谁能告诉我我做错了什么
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>
);
}
handleSubmit
应该是你的onSubmit
函数的包装器。
像这样尝试:
<form onSubmit={handleSubmit(onSubmit)}>
</form>
现在onSubmit
将收到 1 个包含所有表单值的参数。
不是您要求它,但作为旁注,如果您愿意,您可以从onSubmit
函数内部触发提交验证错误,例如:
throw ReduxForm.SubmissionError({name: 'There\'s something wrong in the name field'});
...由于您的 Ajax 调用使name
无效。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句