猿问

react中使用echarts如何将数据从routes层传给组件层?

在react中引入了echarts图表,目的是从后端的到service服务,通过models层处理在routes层中使用。routes层中引入了一个echarts图表的柱状图组件,在routes层中将数据传给这个组件,可组件获取不到数据,不知为何。求高人指点。


1、routes层确认可以得到数据。将数据传给Bar组件



2、Bar组件代码截图如下:

https://img2.mukewang.com/5c6e52780001ddc706780800.jpg


尝试出的线索:*组件里可以在render中log到传过来的数据


         *试过`componentWillReceiveProps` 中可以log到nextProps有数据,但会打印多次,第一次为空,刷

          新页面后中间几次有时为空,有时有数据,最后一有数据

         

但初始化中的 const {data} = this.props; 这个方法始终也获取不到数据,绞尽脑汁。

求高人指点,越详细越好,万分感谢~!


PIPIONE
浏览 449回答 1
1回答

米琪卡哇伊

你的传参有问题,并没有把props.data传给setBarOption方法,下面给你举个例子你看下:constructor(props){    super(props);    this.setBarOption(props.data);    this.initBar();}
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答