Javascript 参数更改时，React Ag网格框架组件不会重新加载

我在React Ag Grid工作。 我正在尝试计算列和，并将其显示在状态栏中

看起来是这样的：

我的组件非常简单：

import React from "react";

const AgGridSumComponent = ({sum, sumName}) => {
    return (
        <div className="container">
            <div style={{marginTop: '9px'}}>
                <span className="component">
                    Total {sumName + ' Sum: ' + sum}
                </span>
            </div>
        </div>
    );
};

export default AgGridSumComponent;

从“React”导入React；
const AgGridSumComponent=（{sum，sumName}）=>{
返回(
总计{sumName+'Sum:'+Sum}
);
};
导出默认组件；

其定义如下：

 render() {
        var columnDef = this.props.isCheckbox === true ? this.state.columnDefs : this.state.columnDefsChannel;
        var WrappedAgGridSumComponent = () => <AgGridSumComponent sum={this.state.totalSpendSum} sumName={'Spend'} />;
        var frameworkComponents= { statusBarComponent: WrappedAgGridSumComponent };
        return (
            <div
                id="myGrid"
                style={{
                    height: this.props.tableHeight,
                    width: "100%",
                }}
                className="ag-theme-balham"
            >
                <AgGridReact
                    columnDefs={columnDef}
                    rowData={this.props.rowData}
                    components={this.state.components}
                    getRowHeight={this.state.getRowHeight}
                    defaultColDef={this.state.defaultColDef}
                    rowSelection={this.state.rowSelection}
                    suppressRowClickSelection={true}
                    onSelectionChanged={this.props.onSelectionChanged.bind(this)}

                    onGridReady={this.onGridReady}

                    columnTypes={ this.state.columnTypes }

                    suppressAggFuncInHeader={true}
                    enableCellChangeFlash={true}
                    statusBar={this.state.statusBar}
                    frameworkComponents={frameworkComponents}
                />
            </div>
        );

render（）{
var columnDef=this.props.isCheckbox==true？this.state.columnDefs:this.state.columnDefsChannel；
var wrappedagridgsumcomponent=（）=>；
var frameworkComponents={statusBarComponent:wrappedagridgsumcomponent}；
返回(
);

---

当总和被计算并存储在aggrid组件状态（this.state.totalSpendSum）中时，aggrid不会重新呈现之前的总和，如图所示，总和保持为零（这是带来的行之前的默认状态值）

在plunk或stackblitz上复制您的问题，以便其他人可以轻松帮助您。我想计算ag网格列的总和值。我使用的函数将总和值作为道具接收，然后将该函数渲染到ag网格中。问题是，当我计算列总和并更新道具时，aggrid不会重新渲染t他用新的道具运行。他们在企业版中添加了它。我使用命令式gridApi动态插入/更新总计行。若你们需要，我可以共享代码