无法在Ag Grid主数据细节模板内绑定函数

如何解决无法在Ag Grid主数据细节模板内绑定函数

我试图在主详细信息 ag grid detailCellRendererParams 中添加两个函数，以便能够添加和删除更多行，但是当我单击按钮时，我收到此错误。

Uncaught TypeError: Cannot read property 'bind' of undefined
    at HTMLButtonElement.onclick (VM50693 index-sgb4.html:1)

我的预先代码如下：

template: params =>
        '<span style="height: calc(100% - 22px)">' +
        '         <div class="pull-right pull-top">\n' +
        '        <button className="btn btn-default" value="Add"' +
        '              style="margin: 0px 5px 0px 0px; cursor: pointer"' +
        '               onClick={this.onGridAddGenericrule.bind(this)}>' +
        '         <i className="fa fa-plus" style="padding: 0px 5px 0px 0px;">Add</i>' +
        '        </button>' +
        '         <button className="btn btn-default" value="Add"' +
        '               style="margin: 0px 5px 0px 0px; cursor: pointer"' +
        '                onClick={this.onGridDeleteGenericrule.bind(this)}>' +
        '          <i className="fa fa-minus" style="padding: 0px 5px 0px 0px;">Delete</i>' +
        '        </button>' +
        '       </div>' +
        '        <div ref="eDetailGrid" style="height: 90%;margin-top: 26px"></div>' +
        '      </span>'