为Antd Cascader添加前缀图标

import { Cascader } from 'antd';

const options = [
  {
    value: '1',
    label: 'Option 1',
    icon: 'icon-classname', // 前缀图标的类名
  },
  {
    value: '2',
    label: 'Option 2',
    icon: <CustomIcon />, // 自定义的前缀图标组件
  },
  // 其他选项...
];

function renderCascaderOption(option) {
  const { icon, label } = option;
  return (
    <span>
      {icon && <i className={icon} style={{ marginRight: '8px' }} />}
      {label}
    </span>
  );
}

function App() {
  return (
    <Cascader
      options={options}
      displayRender={renderCascaderOption}
    />
  );
}