如何在antd cascader子选项标签中添加图标

Question

我想给儿童标签添加一个图标。并且可以点击它进行编辑。

antd版本：3.9.2

const options = [{
    value: 'zhejiang',
    label: 'Zhejiang',
    children: [{
        value: 'hangzhou',
        label: 'Hangzhou'
    }],
}, {
    value: 'jiangsu',
    label: 'Jiangsu',
    children: [{
        value: 'nanjing',
        label: 'Nanjing',
    }],
}];

class Demo extends Component {
    render() {
        return (
            <Cascader 
                options={options}
            />
        )
    }
}

Answer 1

给cascader添加一个类名并添加css

 .iconImage{
         background-image: url('../assets/images/triangle.png');
         background-size: 100% 100%;
         background-color: transparent;
         color:transparent;
        }

如何在antd cascader子选项标签中添加图标

how to add a icon in antd cascader children options' label

ant-design-pro