在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