Antd前端开发采坑记录

时间:2023-11-25 19:40:44
  • 背景

基于页面友好,界面整洁美观;基于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

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