title: Custom validateStatus in Ant Design Form.Item
body: <p>I would like to add a custom <code>validateStatus</code> to my Form.Item only if <code>result</code> is set in the state. If not I would like it to be generated by the validation rule:</p>
  <pre><code>&lt;Form.Item
    name=&quot;email&quot;
    rules={[{ required: true, type: 'email', message: 'Enter you email' }]}
    required
    validateStatus={result &amp;&amp; (result.result === &quot;success&quot; ? &quot;success&quot; : &quot;warning&quot;)}
    help={result &amp;&amp; (result.result === &quot;success&quot; ? &quot;You've subscribed successfully!&quot; : &quot;Your email is already subscribed&quot;)}
  &gt;
  </code></pre>
  <p>But it doesn't seem to work. Here is a link to <a href="https://codesandbox.io/s/recursing-sky-7ms8t?file=/index.js" rel="nofollow noreferrer">codesandbox</a>. You can see that the help message is working, but <code>validateStatus</code> doesn't seem to work, as the help message always stays grey (it should be red, when <code>validateStatus</code> is set to an error, or green, when it's set to success). How can I fix that?</p>