Reactjs React虚拟化表单元渲染器onClick方法问题

我正在为数据表使用react虚拟化，我遇到了这个问题。我的目标是将

onClick

方法附加到单元格

我有

renderColumns

函数在

}

然后在

\u cellRenderer

中，我尝试调用

\u onCellClick

上的

onClick

事件

_onCellClick() {
  alert('yey');
}

_cellRenderer({
  cellData,
  columnData,
  columnIndex,
  dataKey,
  isScrolling,
  rowData,
  rowIndex,
}) {
  return (
    <div>
      <a onClick={this._onCellClick}>{cellData}</a>
    </div>
  );
}

\u onCellClick（）{
警惕（“yey”）；
}
_细胞渲染器({
手机数据，
专栏数据，
专栏索引，
数据键，
伊斯克罗林，
行数据，
行索引，
}) {
返回(
您必须绑定_cellRenderer，因为您已经绑定了其他两个方法才能以这种方式使用它。您只是将一个函数作为道具传递到表中……如果它没有绑定，就不会有“this”，因为类始终处于严格模式。
您必须绑定_cellRenderer，因为您已经绑定了其他两个方法才能在这种模式下使用它方法。你只是将一个函数作为道具传递到表中……如果它没有绑定，就不会有“this”，因为类总是处于严格模式。
就是这样。
这个总是让我困惑。非常感谢！就是这样。
这个总是让我困惑。非常感谢！
_renderColumns(list, columnWidth) {
// create new list for display
return list && Object.keys(list[0])
  ? Object.keys(list[0]).map(column => (
      <Column
        key={column}
        width={columnWidth}
        label={column}
        dataKey={column}
        cellRenderer={this._cellRenderer}
      />
    ))
  : <div className="loading">Loading…</div>;

_onCellClick() {
  alert('yey');
}

_cellRenderer({
  cellData,
  columnData,
  columnIndex,
  dataKey,
  isScrolling,
  rowData,
  rowIndex,
}) {
  return (
    <div>
      <a onClick={this._onCellClick}>{cellData}</a>
    </div>
  );
}