Reactjs 没有食物

我想创建自己的聚合器，但无法访问pivotUtilities，因为它表示未定义。 我只想从下拉列表中隐藏某些aggrigators，并添加一个属于我自己的自定义aggrigators。我用这个 我的组件如下所示：

  import React, {Component} from 'react';
  import $ from 'jquery';
  import PivotTableUI from 'react-pivottable/PivotTableUI';
  import 'react-pivottable/pivottable.css';
  import TableRenderers from 'react-pivottable/TableRenderers';
  import Plot from 'react-plotly.js';
  import createPlotlyRenderers from 'react-pivottable/PlotlyRenderers';

  import { Data } from './constants/DataConstants'
  const PlotlyRenderers = createPlotlyRenderers(Plot);

  class Pivottable extends Component {
    constructor(props) {
      super(props);
      this.state = props;
    }

    SumOverCount(attributeArray){
      console.log(attributeArray)
    }

    componentDidMount(){
      console.log('renderers:', $.pivotUtilities);

    }

    render() {
      const tableData = Data
      // console.log('renderers:', $.pivotUtilities);
      return (
        <div>
          <PivotTableUI
            data={tableData}
            // aggregators={{Sum: function() { return this.SumOverCount() } }}
            onChange={s => this.setState(s)}
            renderers={Object.assign({}, TableRenderers, PlotlyRenderers)}
            {...this.state}
          />
        </div>
      );
    }
  }
  export default Pivottable;

import React，{Component}来自'React'；
从“jquery”导入美元；
从“反应数据透视表/数据透视表UI”导入数据透视表UI；
导入“react pivottable/pivottable.css”；
从“react数据透视表/表格渲染器”导入表格渲染器；
从“react plotly.js”导入绘图；
从“react数据透视表/PlotlyRenders”导入CreatePlotlyRenders；
从“./constants/DataConstants”导入{Data}
const plotlyrenders=createplotlyrenders（绘图）；
类数据透视表扩展组件{
建造师（道具）{
超级（道具）；
this.state=道具；
}
SumOverCount（attributeArray）{
console.log（attributeArray）
}
componentDidMount（）{
log（'renderers:'，$.pivotUtilities）；
}
render（）{
const tableData=数据
//log（'renderers:'，$.pivotUtilities）；
返回(
此.setState（s）}
渲染器={Object.assign（{}，TableRenders，PlotlyRenders）}
{…这个州}
/>
);
}
}
导出默认数据透视表；

如果我理解正确，您可能需要先导入jquery。

如果我理解正确，您可能需要先导入jquery。

您对此有解决方案吗请发布您对此有解决方案吗请发布