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

Question

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

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

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

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

         *试过`componentWillReceiveProps` 中可以log到nextProps有数据，但会打印多次，第一次为空，刷
          新页面后中间几次有时为空，有时有数据，最后一有数据
         

但初始化中的 const {data} = this.props; 这个方法始终也获取不到数据，绞尽脑汁。
求高人指点，越详细越好，万分感谢~！

Answer 1

你的传参有问题,并没有把props.data传给setBarOption方法,下面给你举个例子你看下:

constructor(props){
    super(props);
    this.setBarOption(props.data);
    this.initBar();
}