- 使用
react-router-dom
进行路由管理 - 使用对象 key 形式解决
antd
v4 版本 动态 icon 渲染问题 - side 添加 Logo
- ssh
- 在 Layout 中添加
header
- 添加 Login 模块,并判断账号是否存在
- 添加
axios
模块并自定义封装
- add
react-redux
redux
redux-thunk
插件 redux
通过createStore
函数创建状态管理,reducer
:它是一个纯函数,管理着 state,不能直接修改 state , 返回是 state,combineReducers
也是是 redux 属性之一,可以把对象转化为函数形式的 reducer,react-redux
使用Provider
属性 包裹着管理 app.js 根实例, 使用connect
负责把 redux 连接起来 ,更方便操作 react-redux,可以把 state 和 action 映射到当前实例 props 属性中。redux-thunk
中间件管理工具,action 能更方便进行异步操作react-router-dom
里的 withRouter 属性负责管理路由,把当前实例包裹在里面再 export 出去,前提条件是要在路由里面
error:
Cannot update a component while rendering a different component, bad setState() call
<MenuFoldOutlined onClick={this.handleChangeStatus()} />
success:
<MenuFoldOutlined onClick={this.handleChangeStatus} />
- 添加 side 收缩功能
- 解决 side css 布局问题
- 添加 退出登录 功能
- 添加 TagView,重新了解了 class 语法糖实例属性可以不用写在构造函数中,可以与方法同级
- 构建
TagView
组件 - 构建
TagList
子组件 - 由
Sider
组件中的Menu
添加 tag 标签,并使用 store 里 tagList 进行数据管理 TagList
标签 由 store 进行 tagList 渲染并添加删除功能
- layout 模块中 Content 组件 加载路由
- 在 config 目录中 添加 routeMap 懒加载,其中 lodging 组件需要重新封装
- 添加 customize-cra react-app-rewired 模块,通过这两个修改内置 webpack,
- 修改 package.json 文件 里 "scripts"模块
- update package.json 文件里的插件位置
- 添加路由权限和路由过滤
- 添加 header 模块面包屑
- 更新 Menu 模块中的 map 遍历
- 添加了
nprogress
加载
- fix loading 加载一直显示的问题.
- add:
http-proxy-middleware
中间件 跨域代理 - update : http util
- add: 在 documents 模块中 添加 tab 并网络请求
- 修改 documents 组件 样式
- 在 documents 组件添加 editorModal 弹窗组件
- 实现 documents 组件 和 editorModal 通信
- 在 documents 组件中 删除 action 添加 modal
- 在 dashboard 模块中添加 PanelGroup 组件