Redux 表单报错 is undefined

Question

为什么验证函数未定义错误？我在日志中打印错误，但在字段中未定义。当我尝试做 field.meta.error 时，我得到了一个未定义的。我把它放在 <input>.

之后的 inputComponent 常量中

const inputComponent = function(field) {
  return (
    <div>
      <input { ...field.input } type={field.type} placeholder={field.placeholder} className={field.className} />
    </div>
  );
}

class Test extends Component {

  render() {

    <div>
       <Field name="name" component={inputComponent} type="email" placeholder="Email" />
       <Field name="password" component={inputComponent} type="password" placeholder="Password" />
    </div>

  }


function validate(values) {
  const errors = {};

  if(!values.name) {
    errors.categories = "Name error";
  }

  if(!values.password) {
    errors.categories = "Password error";
  }

  return errors;
}

}

Test = reduxForm({
  form: 'NameForm',
  validate
}, null, null)(Test);

export default connect(mapStateToProps, mapDispatchToProps)(Test);

Answer 1

当您 return 来自 validate 的 errors 对象时，包含 Field 的错误消息的键必须与该字段的 name 道具

所以在这种情况下：

function validate(values) {
  const errors = {};

  if(!values.name) {
    errors.name = "Name error";
  }

  if(!values.password) {
    errors.password = "Password error";
  }

  return errors;
}

有关更多信息，我建议从 Redux-Form 文档中查看 this validation example。

希望对您有所帮助！

Redux 表单报错 is undefined

Redux form error is undefined

reactjs

redux-form