reactjs - 如何解决“必须为 HighchartsChart 组件指定配置”错误？

Question

插入前

 <ReactHighcharts config={barchartdata}></ReactHighcharts> 

<div className="col-md-6 mb-3">
    <div className="card">
        <div className="card-header d-flex">
            <h5 className="card-title mr-auto"> Team Wise Total Revenue</h5>
        </div>                      
        <div className="card-body">
            <figure>

            </figure>
        </div>      
    </div>
</div>

让 barchartdata = this.state.reports.chartslist.charts[0];

console.log("databarchart", this.state.reports.chartslist.charts[0]);

我可以得到数据。

   <div className="col-md-6 mb-3">
<div className="card">
    <div className="card-header d-flex">
        <h5 className="card-title mr-auto"> Team Wise Total Revenue</h5>
    </div>                      
    <div className="card-body">
        <figure>
            <ReactHighcharts config={barchartdata}></ReactHighcharts>
        </figure>
    </div>      
</div>

barchartdata 也有以下响应：

必须指定配置错误