给表单标题旁添加一个Icon图标并设置一个提示信息
如果就一个icon图标和提示信息可以直接使用Form.Item中的tooltip属性:
tooltip={{
title: 'Tooltip with customize icon',
icon: <InfoCircleOutlined />
}}
如果有一些其他的样式,可以使用以下方法,这里还是以icon图标为例:
用一个函数将你要设置的label样式进行一个封装
function formItemTooltip () {
return (
{'这是我要添加的标题'}
<Tooltip>
<这是添加的Icon图标>
</Tooltip>
)
};
直接在Form.Item的label属性中添加
label={formItemTooltip()}
也可以直接在label中添加标签或组件
label={ <div>这是标题</div> }
或:
label={ <FunTooltip/> } //组件