在react-virtulized Grid单元格/行中使用onClick

时间:2016-08-30 13:00:34

标签: javascript reactjs react-virtualized

我正在使用Grid中的react-virulized组件,需要在列单元格和行级别处理click事件。 我尝试将onClick添加到我的cellRenderer方法返回的div,但它似乎不起作用。有人有这个工作吗?见下文:

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

谢谢!

1 个答案:

答案 0 :(得分:1)

目前您调用函数而不是引用,因此当加载DOM时,会调用警报。要使代码正常工作,请使用{{3}方法:

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