在反应虚拟化网格单元格/行中使用 onClick答案

【问题标题】：Using onClick in react-virtulized Grid cell/row在反应虚拟化网格单元格/行中使用 onClick
【发布时间】：2017-01-06 18:45:30
【问题描述】：

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

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

谢谢！

【问题讨论】：

标签： javascript reactjs react-virtualized

【解决方案1】：

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

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

【讨论】：

是的，是的。或者<input type="text" {name} maxLength={2} onClick={() => alert(columnIndex)}/>
谢谢大家。这是一个不成熟的问题.. :(