react antd confirm content list_教程31——使用 antd 实现 Frame 组件【下】（项目）

前言：注意教程30的例子，改动比较大。

Frame下的 index.js 文件：

import 

routes 下的 index.js 文件：

import 

结果

需求：我们要点击导航栏跳转到相应的页面

Frame下的 index.js 文件：

import 

注意：因为版本支持的问题，我们要根据antd的最新版本来写代码。之前的旧版本提供的代码可能不支持！！

routes 下的 index.js ：

import 

里的路由就要修改成，antd 更新的最新版提供的 icon

！！！这里我们还是原来的样子，暂时不写图标——未完成

Frame下的 index.js 文件：

import 

routes 下的 index.js 文件：

import 

结果

面包屑导航那一块我们暂时不写

改一下 css，具体的看自己的需求自己改。

index.less：

@

Frame下的 index.js 文件：

<

结果

下一步，我们点击进去肯定是有一个页面是默认选中的状态的

Frame下的 index.js 文件：

import 

结果

这里还有一个问题，刷新后它默认的问题

导航菜单 Menu - Ant Design​ant.design

这里推荐看看 antd 文档：

defaultSelectedKeys——初始选中的菜单项 key 数组

selectedKeys——当前选中的菜单项 key 数组

import 

OK，完整的代码就在上面了

over