这是antd v3到v4升级导致的

官方：
从 4.0 开始，antd 不再内置 Icon 组件，请使用独立的包 @ant-design/icons。

引入具体Icon

1. 页面定义及使用

import {HomeOutlined,SettingFilled,SmileOutlined,SyncOutlined,LoadingOutlined,
} from '@ant-design/icons';ReactDOM.render(<div className="icons-list"><HomeOutlined /><SettingFilled /><SmileOutlined /><SyncOutlined spin /><SmileOutlined rotate={180} /><LoadingOutlined /></div>,mountNode,
);

2. 路由处定义

import React from 'react'
import {ApartmentOutlined,BarsOutlined} from '@ant-design/icons';
export const adminRoutes = [{path: '/admin/dashboard',component: Index,isShow:true,title:"看板",icon:<ApartmentOutlined />
}, {path: '/admin/products',component: List,isShow:true,title:"商品管理",exact: true,icon:<BarsOutlined />
}, {path: '/admin/products/edit/:id',component: Edit,isShow:false
}]

组件使用

import {adminRoutes} from '../../routes'
{routes.map(route=>{return (<Menu.Item key={route.path}onClick={p=>props.history.push(p.key)}>{route.icon}{route.title}</Menu.Item>)
})}