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

 

       。。。。。。。。。。先寫這些