我的项目源码地址
编辑页面的跳转
ArticleList里
1 | this.props.history.push(`/admin/article/edit/${record.id}`) |
注意此处在react里要用到@withRouter
装饰器否则取不到this.props.history
Frame里
由于上述路径和之前的Frame里规定的不同,所以左侧编辑栏中选中会消失,此时可以善用split和join函数
1 | const selectedKeyArr = this.props.location.pathname.split('/') |
编辑器
这里使用wangeditor,也可以用editormd
1 | npm i wangeditor -S |
里面有结合react、vue等等的Demo
表单
在表单方面,4.0和3.0区别暂时发现以下:
取消了
Form.create()
对
Form.Item
内部Input、Button等等组件的设置改为在Form.Item
上
本着实用的原则建议大家还是学习新版本,多读源码。
随机颜色的生成方法
当下流行的 React UI 框架
网页上图表的技术
1.canvas 位图 (不能无限放大)
2.svg 矢量图 (可以无限放大)
3.三维 webgl
echarts
highcharts(收费)
数据可视化
d3
dataV(收费)
游戏
白鹭引擎egret
更早的
antv、p5、raphael、vml等等
这里用echarts
1 | npm i echarts -S |
右上角UI
DropDown组件
下拉框
Avatar组件
头像
Badge组件
消息提示多少条
display:flex
- 本文作者: Raphael_Li
- 本文链接: https://lifei-2019.github.io/react13/
- 版权声明: 本博客所有文章除特别声明外,均采用 Apache License 2.0 许可协议。转载请注明出处!