在redux形式的onChange上显示错误消息

Question

我正在尝试使用redux-form字段（与Material-ui一起使用）和验证。当我离开该字段（即onBlur）时，似乎显示了错误消息。我想要实现的是在用户键入时即时进行验证，并在onChange事件上显示错误消息。我将如何实现这种行为？

import { TextField } from 'redux-form-material-ui';
import { Field, reduxForm } from 'redux-form';

const MyForm = (props) => (
  <form>
      <div className="form-group">
        <Field
          name="foo"
          type="text"
          hintText="Foo"
          component={TextField}
        />
  </form>
);

export default reduxForm({
  form: 'MyForm',  
  validate             
})(MyForm);

Answer 1

您玩过CodeSandbox中的示例吗？就像丹尼斯建议的那样，您可以调用“touch”，但根据您的需要，您可以选择在 onChange 上执行此操作：

  <Field
    name="username"
    type="text"
    component={renderField}
    label="Username"
    onChange={() => touch('username')}
  />