美文网首页
ant design 使用总结

ant design 使用总结

作者: 般犀 | 来源:发表于2018-11-23 23:39 被阅读0次

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>

相关文章

网友评论

      本文标题:ant design 使用总结

      本文链接:https://www.haomeiwen.com/subject/xpteqqtx.html