在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ react中使用echarts如何將數(shù)據(jù)從routes層傳給組件層？

react中使用echarts如何將數(shù)據(jù)從routes層傳給組件層？

在react中引入了echarts圖表，目的是從后端的到service服務(wù)，通過models層處理在routes層中使用。routes層中引入了一個(gè)echarts圖表的柱狀圖組件，在routes層中將數(shù)據(jù)傳給這個(gè)組件，可組件獲取不到數(shù)據(jù)，不知為何。求高人指點(diǎn)。

1、routes層確認(rèn)可以得到數(shù)據(jù)。將數(shù)據(jù)傳給Bar組件

clipboard.png

2、Bar組件代碼截圖如下：

clipboard.png

嘗試出的線索：*組件里可以在render中l(wèi)og到傳過來的數(shù)據(jù)

         *試過`componentWillReceiveProps` 中可以log到nextProps有數(shù)據(jù)，但會(huì)打印多次，第一次為空，刷
          新頁面后中間幾次有時(shí)為空，有時(shí)有數(shù)據(jù)，最后一有數(shù)據(jù)

但初始化中的 const {data} = this.props; 這個(gè)方法始終也獲取不到數(shù)據(jù)，絞盡腦汁。
求高人指點(diǎn)，越詳細(xì)越好，萬分感謝~！

回答
編輯回答
胭脂淚

你的傳參有問題,并沒有把props.data傳給setBarOption方法,下面給你舉個(gè)例子你看下:

constructor(props){
    super(props);
    this.setBarOption(props.data);
    this.initBar();
}
2018年1月31日 20:34