從數(shù)據(jù)庫獲取節(jié)點和鏈路的數(shù)據(jù)繪制拓?fù)鋱D節(jié)點上1000個左右，鏈路幾百條的情況。繪圖是用D3來畫的。項目前端采用了React。1 我現(xiàn)在的實現(xiàn)方法是在componentDidMount中獲取節(jié)點 鏈路數(shù)據(jù)，進(jìn)行數(shù)據(jù)處理封裝到可繪制的數(shù)據(jù)，然后通過D3的數(shù)據(jù)綁定添加相應(yīng)的節(jié)點鏈路和組元素(svg元素)。所有元素的事件綁定操作也都是在componentDidMount中做事件綁定處理。這樣感覺不是很好，至少componentDidMount中的代碼量會很多。2 如果通過React做數(shù)據(jù)綁定的話 有個擔(dān)心就是元素內(nèi)容頻繁變動引起state綁定值的頻繁更改，頻繁render() 會不會導(dǎo)致卡呢（性能問題）。比如說節(jié)點拖拽會引起節(jié)點坐標(biāo)的在draging過程中不斷更新就會引起節(jié)點state上的坐標(biāo)值不斷更改和rerender(),因為拓?fù)涔?jié)點鏈路比較多，這個過程(reRender())性能會不會出現(xiàn)問題呢。這種場景下，如果采用React的數(shù)據(jù)綁定會不會出現(xiàn)性能問題呢？先問下， 自己有空去實踐下。