如何检索表单中提交的错误值?

时间:2019-05-17 13:13:30

标签: reactjs react-redux redux-form

我正在使用React和redux-form创建一个表单。 我正在使用Symfony 4.2验证数据。

提交表单时,如果出现错误,我不知道如何获取数据以再次在输入中分配它们。目前,我的表单已重置,但是该字段下有错误消息。

是否可以在验证后检索字段值?

我的表单示例:

<Field component={this.renderField} name="email" type="text" placeholder="ADRESSE EMAIL" />

render方法:

renderField(data) {
    const hasError = data.meta.touched && !!data.meta.error;
    if (hasError) {
        data.input['aria-describedby'] = `user_${data.input.name}_helpBlock`;
        data.input['aria-invalid'] = true;
    }

    return <div className={`form-group${hasError ? ' has-error' : ''}`}>
        <label htmlFor={`user_${data.input.name}`} className="control-label">{data.input.label}</label>
        <input {...data.input} type={data.type} step={data.step} required={data.required} placeholder={data.placeholder} id={`user_${data.input.name}`}
             className={hasError ? "form-control is-invalid" : "form-control"}/>
        {hasError && <span className="invalid-feedback" id={`user_${data.input.name}_helpBlock`}>{data.meta.error}</span>}
    </div>;
}

感谢您的帮助

0 个答案:

没有答案