Ag grid 如何访问ag网格单元渲染器函数中的类函数 abc类扩展了React.Component{ _handleClick（）{ log（“一些API调用和状态更改”）； } } columndefs：[ {headerName:'Label'，字段：'Label'，宽度：130，固定：'left'，cellClass:'ag-cell-text-align-center'，cellRenderer:linkRenderer}， {headerName:'Received'，字段：'receivedDate'，宽度：130，cellClass:'ag-cell-text-align-center'}， ] 函数linkRenderer（）{ 返回params.data.link？`${params.value}`：params.value； }

这说明“This.\u handleClick不是一个函数”

---

那么，如何调用它呢？\u handleClick insidelinkrenederer

我在代码中看到了几个语法问题。例如：样式应该是一个对象。你不应该像那样使用onClick。试着这样做：

class abc extends React.Component{
_handleClick(){
console.log("some API call and state change");
}
}

columndefs: [
        {headerName:'Label', field: 'label', width:130, pinned:'left', cellClass:'ag-cell-text-align-center', cellRenderer:linkRenderer},
        {headerName:'Received', field: 'receivedDate', width:130, cellClass:'ag-cell-text-align-center'},
]

function linkRenderer(){
return params.data.link ? `<span style=text-decoration:underline;color:blue;cursor:pointer onClick="this._handleClick()">${params.value}</span>`: params.value;
}

---

我在您的代码中看到了几个语法问题。例如：样式应该是一个对象。你不应该像那样使用onClick。试着这样做：

class abc extends React.Component{
_handleClick(){
console.log("some API call and state change");
}
}

columndefs: [
        {headerName:'Label', field: 'label', width:130, pinned:'left', cellClass:'ag-cell-text-align-center', cellRenderer:linkRenderer},
        {headerName:'Received', field: 'receivedDate', width:130, cellClass:'ag-cell-text-align-center'},
]

function linkRenderer(){
return params.data.link ? `<span style=text-decoration:underline;color:blue;cursor:pointer onClick="this._handleClick()">${params.value}</span>`: params.value;
}

constructor(props){
    super(props);
    this._handleClick = this._handleClick.bind(this);
}