如何初始化表格错误?

时间:2018-06-21 01:51:01

标签: redux-form redux-form-validators

在文档中,我可以看到如何initialize表单状态,如初始值一样。但是,关于如何在错误状态下初始化某些字段,我找不到任何内容。

我的用例是我正在加载要使用初始值进行编辑的表单,但是某些值可能是错误的。例如,日期字段可能需要更新,因为日期已过去。因此,在表单加载之后和用户触摸之前,我需要显示错误的字段。

我还应该注意,我没有使用reducer.plugin,因为该插件要求您定义表单标识符。我希望我的组件总体上可以使用,所以我不想将其与预定义的标识符绑定在一起。我基本上需要initalValues来做这些值,但是需要initalErrors之类的东西。

我如何做到这一点?

1 个答案:

答案 0 :(得分:0)

您可以使用以下内容劫持Redux-Form的handleSubmit函数:

componentDidMount(prevProps, prevState) {
  // check prevProps, initialize form values
  this.triggerValidation()
}

triggerValidation() {
  this.props.handleSubmit(() => {})
}