鍍金池/ 問答/HTML/ 如何更改antd中form檢驗(yàn)的報(bào)錯(cuò)信息?

如何更改antd中form檢驗(yàn)的報(bào)錯(cuò)信息?

原生的message是顯示在輸入框的下方, 想更改為focus在輸入框上的時(shí)候, 顯示一個(gè)懸浮框.
就是類似加個(gè)title屬性那樣的, 請問有什么思路么
目前再看源碼, 想重寫里邊的renderHelp方法.

回答
編輯回答
玩控
<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置空, 而是改了全局樣式, 設(shè)置原來的message樣式為display:none
這樣可以用getFieldError拿到message, 改動(dòng)很小

2017年11月14日 20:49
編輯回答
情未了
<Tooltip 
    placement="leftTop" 
    title="請輸入關(guān)鍵字" 
    arrowPointAtCenter
    trigger="focus">
    <Input style={{width:200}}/>
</Tooltip>
2018年8月22日 09:42