ant design 使用总结

tooltip 与 getFieldDecorator 结合使用的问题

如果用 tooltip 将 <input> 包住，会出现 getFieldDecorator 校验规则不生效的情况。包住 <FormItem> tooltip 又无法出现，正确使用方法是包住 getFieldDecorator 。
eg:

<FormItem>
  <Tooltip placement="right" title={Tooltip_user} className="tooltip">
    {getFieldDecorator('username', {
      rules: [{
       required: true,
         message: '请输入账户名！',
          whitespace: true,
           },
           ],
        })(
            <Input
            prefix={<Icon type="user" className={styles.prefixIcon} />}
            placeholder="请输入账户名"
           />
       )}
  </Tooltip>
</FormItem>