antd 表单项上带有工具提示的图标

Ana*_*Ana 2 css reactjs antd

我正在使用 Antd Form Item,我必须放置一个带有工具提示的图标,如下所示:在此输入图像描述

这是我的代码:

 <Item label={'Password'} name={'password'} className={'password'} rules={[{ required: true, message: t('Feld ist erforderlich') }]}>
            <Password size="large" />
            <PasswordStrength password={password} />
 </Item>
Run Code Online (Sandbox Code Playgroud)

任何想法?请帮忙!谢谢你!

小智 5

解决方案1:您可以在表单项中自定义标签,按照我的代码操作

<Item
    label={
      <div>
        Label a{" "}
        <Tooltip title="Tooltip with customize">
          <InfoCircleOutlined />
        </Tooltip>
      </div>
    }
  >
    <Input placeholder="input placeholder" />
  </Item>
Run Code Online (Sandbox Code Playgroud)

解决方案2:可以升级新版本Antd,并使用属性工具提示

我希望它对你有用。