【Ant-design】Form表单如何实现某个属性根据接口code显示对应的表单校验效果

PS: validateStatus和help，这两者是配套使用的，并且它们和rules里的validator函数是不兼容的。

import React from 'react';
import { SmileOutlined } from '@ant-design/icons';
import {
  Cascader,
  DatePicker,
  Form,
  Input,
  InputNumber,
  Mentions,
  Select,
  TimePicker,
  TreeSelect,
} from 'antd';

const { Option } = Select;
// validateStatus="error"，校验状态，如不设置，则会根据校验规则自动生成，可选：'success' 'warning' 'error' 'validating'
const App: React.FC = () => (
  <Form style={{ maxWidth: 600 }}>
    <Form.Item
      label="Fail"
      validateStatus="error"
      help="Should be combination of numbers & alphabets"
    >
      <Input placeholder="unavailable choice" />
    </Form.Item>
  </Form>
);

export default App;