javascript - 在反应虚拟化的网格单元格/行中使用 onClick

Question

我正在使用Grid组件，react-virulized并且需要在列单元格和行级别处理单击事件。我尝试将 onClick 添加到div我的 cellRenderer 方法返回的值，但它似乎不起作用。有没有人有这个工作？见下文：

_renderCell ({ columnIndex, rowIndex }) {
    // name = getFrom(columnIndex, rowIndex)
    return (
      <div className={'cell'} >
        <input type="text" {name} maxLength={2} onClick={alert(columnIndex)}/>
      </div>
    )
  }

谢谢！

Answer 1

当前您调用该函数而不是引用它，因此当加载 DOM 时，将调用警报。要使您的代码正常工作，请使用以下bind方法：

alert.bind(null,columnIndex); // alert will always have columnIndex's value as the first argument