如图，想在Table表单中的描述后面加上Icon图标和气泡提示Tooltip，第一时间找了AntD文档，找到搜索功能及相应图标（filterDropdown和filterIcon），也在百度上找到https://www.jianshu.com/p/b67ca05cf380使用办法（不推荐）。

但是好麻烦啊，又要加函数又要写多行代码，出来后的效果也不好看，于是就自己乱写&fs%W3q……

import React, { Component } from 'react';
import { Table, Tooltip } from 'antd';
import { InfoCircleOutlined } from '@ant-design/icons';

class UserTable extends Component {
    constructor(props) {
        super(props);
        this.state = {
            dataSource: [{
                id: 200409,
                userId: 123,
                userName: '莉兹Liz',
                userPosition: '魔仙堡',
                userEmail: '123456@qq.com',
                userPhone: '18899990000',
                description: '可可爱爱'
            }],
            columns: [{
                title: '编号',
                dataIndex: 'id',
                key: 'id',
            }, {
                title: '用户id',
                dataIndex: 'userId',
                key: 'userId'
            }, {
                title: '用户昵称',
                dataIndex: 'userName',
                key: 'userName'
            }, {
                title: '所在地区',
                dataIndex: 'userPosition',
                key: 'userPosition'
            }, {
                title: 
                <div>描述&nbsp;
                    <Tooltip placement='bottom' title='是宇宙无敌小可爱！！！'>
                        <InfoCircleOutlined />
                    </Tooltip>
                </div>,
                dataIndex: 'description',
                key: 'description',
            }, {
                title: '联系电话',
                dataIndex: 'userPhone',
                key: 'userPhone'
            }, {
                title: '邮箱',
                dataIndex: 'userEmail',
                key: 'userEmail'
            }],
        }
    }

    render() {
        const { columns, dataSource } = this.state;
        return(
            <div>
                <Table
                    columns={columns}
                    dataSource={dataSource}
                ></Table>
            </div>
        )
    }
}

export default UserTable;

然后它就！真的！！出来啦！！！
每次吐槽AntD的时候它都会给我惊喜，它真的不死板，很好用，当然我也很聪明哈哈哈哈~

提示内容换行

{
    title: 
    <div>描述&nbsp;
        <Tooltip placement='bottom' title={<div><span>是宇宙无敌小可爱！！！</span><br/><span>and!</span><br/><span>小聪明！！</span></div>}>
            <InfoCircleOutlined />
        </Tooltip>
    </div>,
    dataIndex: 'description',
    key: 'description',
}

注：
是AntD的4.x版本Icon图标的引用方法，按需加载哈，所以头部一定不要忘了import；
上面代码是简洁版，我又开了个js文件写的，但是也能出来效果，所以没加样式哈。

模板记下来，下次直接用

{
	title: 
	<div>&nbsp;
		<Tooltip placement='bottom' title=''>
			<InfoCircleOutlined />
		</Tooltip>
	</div>,
	dataIndex: '',
	key: '',
}