title: Ant-design Form OnAfterchange Handler - OnValuesChange
body: <p>My form has 50 of fields, therefore I'm using <code>onValuesChange</code> to detect change in any element of the form.</p>
  
  <blockquote>
    <p>However there is a delay of one character typing (one state change i.e. user action)</p>
    
    <p>Can we configure onValuesChanged, to invoke the handler after
    execution?</p>
  </blockquote>
  
  <pre><code>class MyInfoForm extends React.Component {
      constructor(props) {
          super();
          this.AntFormComponent = Form.create({
              onValuesChange: props.onValuesChange
          })(MyInfo); &lt;--//**50 fields inside `MyInfo` separate Component.
      }
  
      render() {
          const Comp = this.AntFormComponent;
          return &lt;&gt;{&lt;Comp {...this.props} /&gt;}&lt;/&gt;;
      }
  }
  export default props =&gt; &lt;MyInfoForm {...props} /&gt;;
  MyInfoForm.propTypes = {
      onValuesChange: PropTypes.func.isRequired
  };
  </code></pre>
  
  <p>Answer in <a href="https://stackoverflow.com/questions/54047722/ant-design-form-onafterchange-handler">this SO</a> tells to use onAfterChange in each element that means code repetition 50 times.</p>