1. 首頁 > 生活百科 > >

React魔法堂：echarts-for-react源碼略讀( 二 )

生活百科

,notMergela,lazyUpdate,showLoading和loadingOption均沒有變化 ， 則不更新ECharts實例；注意：EChartsReactCore繼承PureComponent，若上述props進行shallow equal比較為true時也不會更新ECharts實例；但這一步采用deep equal比較，來減少ECharts實例的更新 。

  • 若props中的style或className發生變化則會觸發ECharts實例的resize方法 。
    • 卸載過程
    1. 取消通過size-sensor訂閱的容器尺寸變化事件；
    2. 通過ECharts實例的dispose方法注銷ECharts實例 。
    項目依賴
    • fast-deep-equal: 遍歷對象屬性進行對比
    • size-sensor: DOM元素尺寸監聽器，當元素尺寸變化時會觸發回調函數
    后續echarts-for-react利用size-sensor實現圖表尺寸自適應容器尺寸，那么size-sensor是怎樣做到這一點呢？敬請期待一下篇《React魔法堂：size-sensor源碼略讀》 。
    尊重原創 ， 轉載請注明來自：https://www.cnblogs.com/fsjohnhuang/p/16792575.html _肥仔John

    推薦閱讀