How can I get sum values?

I read related issue (https://github.com/AllenFang/react-bootstrap-table/issues/514) and try applied. but it doesn’t work. Please have a look and tell me what I missing.

handleSearchChange (searchText, colInfos, multiColumnSearch) {
      this.refs.getTableDataIgnorePaging();  //'this' is undefined and I have no idea, how do I get current cell values
    }


    render(){
        const options = {
            onSearchChange: this.handleSearchChange.bind(this),
            onFilterChange : this.handleSearchChange.bind(this)
        };
        return (
            <div>
                <h2>Daily Report</h2>
                <div className="data_table">
                    <BootstrapTable data={this.state.data} striped={true} hover={true} trClassName="tr-string" search={true} ref='table' options={options}>
                        <TableHeaderColumn isKey={true} dataField="id" className="no" hidden={true} >No.</TableHeaderColumn>
                        <TableHeaderColumn dataField="Campaign Name" dataSort={true} className="campaign_header" columnClassName="campaign_col" filter={{type: "TextFilter"}}>Campaign Name</TableHeaderColumn>
                        ...
                    </BootstrapTable>
                </div>

                Total Sent : {this.state.sum}
            </div>

[QRMarketing]

AllenFang, ok good! I did a real hack to make it work if others are interested:

I put this in render():

const options = {
        afterSearch: this.afterSearch,
        searchDelayTime: 1500,
        that: this // <- needed this "this" in the search event handler
};

So in afterSearch:

    afterSearch (searchText, result) {
        var count = result.length; 
        var tmpThis = result.pips;
        var pips = 0;             
        for(var i = 0; i < result.length; i++) {
            pips = pips + result[i].Pips; 
        } 
        if(this.that.state.searchText !== searchText) { // <- this stops the infinite loop
            this.that.setState({
                pips: pips,
                count: count,
                searchText: searchText
            }); 
        }
    }

Then somewhere in the react class return below the boostrap table:

<div>
      <center><p>Count: {count} &nbsp;&nbsp;&nbsp;Pips: {pips.toFixed(2)} </p></center>
</div>

[victoria100]

Thanks, @AllenFang I used handleAfterSearch. It works. Thanks.