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

Question

我使用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> 
    ) 
    } 

谢谢！

Answer 1

目前你调用的功能，而不是引用，所以当DOM被加载时，警报得到called.To使你的代码工作中使用bind方法：

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