如何更改antd中form检验的报错信息?

Question

原生的message是显示在输入框的下方, 想更改为focus在输入框上的时候, 显示一个悬浮框.
就是类似加个title属性那样的, 请问有什么思路么
目前再看源码, 想重写里边的renderHelp方法.

Answer 1

<Tooltip 
    placement="leftTop" 
    title="请输入关键字" 
    arrowPointAtCenter
    trigger="focus">
    <Input style={{width:200}}/>
</Tooltip>

Answer 2

<FormItem style={{ margin: 0 }}>
    <Tooltip title={getFieldError(dataIndex)}>
        {getFieldDecorator(dataIndex, {
            rules: [{
                required: true,
                message: `Please Input ${title}!`,
            }],
            initialValue: record[dataIndex],
        })(this.getInput())}
    </Tooltip>
</FormItem>

大概是这样, 没有将message置空, 而是改了全局样式, 设置原来的message样式为display:none
这样可以用getFieldError拿到message, 改动很小