Redux 表单 - 如何将字段设置为触摸

Question

我正在处理由多个页面组成的表单，我想解决验证问题。

当我点击提交按钮时，当前页面上的所有字段都会在下方显示错误消息，但是如果我更改页面，那么我需要再次点击提交，因为这些字段未设置为已触摸。

如果我可以将页面上的所有字段设置为已触摸，一旦表单具有标志 anyTouched: true，我的问题将得到解决。 .

我正在使用 redux-form: '^6.0.0-rc.4'我有一个容器，其中包含 redux-form 和由字段组成的多个组件。

Answer 1

我认为你的问题是相反的，但万一有人像我一样在这里寻找 anyTouched触摸表单中的任何字段后设置...

在 redux-form 6 及以上 您必须通过表单级配置明确选择您想要的行为 touchOnChange和 touchOnBlur - see the docs here - 默认情况下没有配置任何东西，所以没有任何 react 。

const Form = reduxForm({
  form: 'my-form',
  touchOnChange: true,
  touchOnBlur: true
})(...)

当该字段的 anyTouched 时，这些标志使得任何给定的字段都被标记为已触摸(因此 true 在表单上被标记为 onChange)。或 onBlur分别调用处理程序。