在做react的專案開發中，由於專案需要，自己封裝了一個通過下拉框篩選得到不同資料的圖表，echart沒有合適的圖表，就手繪了一個。圖表是一個橫向的柱狀圖，當react渲染的時候會有一個載入動畫，遇到的問題是載入動畫只在第一次載入~

然後讓我們先回顧一下react的渲染機制，我們都知道react有一個虛擬dom的概念，當渲染的時候react會比較兩個虛擬dom的節點；1.節點相同，屬性不同---react會對屬性進行重設，從而實現節點的轉換；2.節點不同---react會直接刪除之前的節點，重新繪製。ok，找到問題的原因了~那麼在react中怎麼去重新渲染dom呢？

有兩種比較簡單的方法：

1.重新繪製的時候改變你的dom結構

2.更新元件的key值，react會認為你更新了dom節點

找到問題原因之後解決起來還是比較簡單的，希望對你有所幫助~