Antd前端开发采坑记录

• 背景

? ? ? ? 基于页面友好，界面整洁美观；基于Antd框架开发虾能平台

?

• 选型

? ? ? ? 基于Antd-admin工程架构，进行开发；基于Antd+React+Umj

?

• 采坑记录

?

1. ?按照Html方式天机onClick方法，每次初始化时即会调用；正确的写法应该是：?

   onClick={() =>lookPic(imgs[0])} 

2. 级联表如何支持，各等级选择；解决方案：

? ? ? ? ? ? ?添加次级ALL选项，在选择后的处理上，进行操作确认

? ? ? ?3. 时间选择器，支持到秒；使用RangePicker控件

? ? ? ?4. AutoComplete被封装后，延迟一步；在onChange方法中加入

　　　　this.props.onChange && this.props.onChange(value)

? ? ? 5. 提示使用Title属性

? ? ? 6. 配置当前工程使用hash模式，在umirc中配置，参考文档：https://umijs.org/config/#basic

　　hashHistory: true,

? ? ? 7. Excel导出，使用xlsx-oc库，简单明了；超过1000条，速度较慢

? ? ? 8. CSV格式导出，速度较快，相比Excel格式

? ? ? 9. 脑图控件，使用第三方库：jsmind

? ? ? 10. 如何接入less

　　　　import styles from ‘./jsmind.less‘

　　　　class={styles}

? ? ? 11. React如何初始化控件，尤其是第三方js库控件，使用componentDidMount方法

? ? ?12. svg格式Iconfont的调用

　　require(‘../../../src/svg/svglocal/yuqing.svg‘)

　　numbers.push({icon:"yuqing",color:"#64ea91",title:"一周舆情量",number:120,url:feedbackUrl})

　　<Iconfont  className={styles.iconWarp} colorful style={{ color }} type={icon} 

? ? ? 13. 数据可视化，使用bizcharts??http://bizcharts.net/index

?

? ? ? ?。。。。。。。。。。先写这些