react拖拽添加新組件

1.由於對react框架思想還不是很熟，遇到問題習慣經過js解決。

2.此次拖拽添加新組件，js經過dom操做，直接在網頁中某個元素上append一個元素就能夠了，可是react顯然不能這麼作，例如，動態添加一個自定義組件或者圖表。

3.解決方法：定義一個數組this.state={chartList:[]}，肯定拖拽某種類型組件後，在數組中添加一個組件(?)。更新組件，最後經過render輸出

4.該方法遇到一個問題，當你直接在數組中添加一個組件

const newLine=<ReachartsSimpleLineChart/>

const listline=this.state.chartList.push(newLine);

this.setState({

　　chartList:listline

})

這種方法會出錯，只有在首次添加成功，後面再添加就會失敗，this,setState不會更新

5.解決方法使用immutability-helper

const listline=update(chartList,{$push:[newLine]});

this.setState({

　　chartList:listline

})

這樣添加纔會成功。

原理：不可變數據