解决react antd design pro 二级图标不显示问题（v4版本）

解决react antd design pro 二级图标不显示问题（v4版本）

1、问题描述

在项目路由配置中，对各个子路由配置icon属性，但是项目实际运行中并不能显示

{
      path: '/system',
      name: 'system',
      icon: 'icon-xitong',
      routes: [
         {
           path: '/system/user',
           name: 'user',
           icon: 'smile',
           component: './system/index',
           // authority: ['admin'],
         }
        ]
}

效果如下图所示

2 解决思路及编码

2.1 选择iconfont资源

 个人在开发中选择阿里的iconfont，作为路由的icon，[https://www.iconfont.cn/](https://www.iconfont.cn/)