Javascript 如何在最后一行的最后一列上按tab键时插入新行

Javascript 如何在最后一行的最后一列上按tab键时插入新行,javascript,reactjs,react-data-grid,Javascript,Reactjs,React Data Grid,我用的是React 目前,我正在尝试引入一个特性,当用户在最后一行的最后一列上按TAB键时,它应该创建一个新行 我已经可以创建一个新行,并且我已经知道我什么时候在最后一行,但是,我在文档中找不到关于单元格上的句柄单击的任何内容 在单元格中的更改已提交的情况下,可以处理我想要的内容。。。但为此,用户必须首先开始编辑单元格(双击或按Enter键),然后离开单元格,但这也适用于我不希望发生的情况(即:用户单击编辑单元格,然后单击单元格外部或另一行) 文档中也有一个,但是,我不知道如何访问它,因为我似乎

我用的是React 目前,我正在尝试引入一个特性,当用户在最后一行的最后一列上按TAB键时,它应该创建一个新行

我已经可以创建一个新行,并且我已经知道我什么时候在最后一行,但是,我在文档中找不到关于单元格上的句柄单击的任何内容

在单元格中的更改已提交的情况下,可以处理我想要的内容。。。但为此,用户必须首先开始编辑单元格(双击或按Enter键),然后离开单元格,但这也适用于我不希望发生的情况(即:用户单击编辑单元格,然后单击单元格外部或另一行)

文档中也有一个,但是,我不知道如何访问它,因为我似乎没有给出任何引用来保存单元格值,即使在那里,我也没有看到任何像onFocus/onBlur这样的方法

我的代码

      <ReactDataGrid
        columns={columns}
        rowGetter={i => rows[i]}
        rowsCount={rows.length}
        enableCellSelect={true}
        ref={dataGrid}
        onRowClick={index => setFocusRowIndex(index)} // Here I'm saving the current Index clicked, probably not the best way to handle this, but can't find another way with React DataGrid
        onGridRowsUpdated={event => {
             // Here I can handle when the user press TAB after editing a field
        }}
      />
行[i]}
rowsCount={rows.length}
enableCellSelect={true}
ref={dataGrid}
onRowClick={index=>setFocusRowIndex(index)}//我在这里保存当前单击的索引,这可能不是处理此问题的最佳方法,但在React DataGrid中找不到其他方法
onGridRowsUpdated={event=>{
//在这里,我可以处理用户在编辑字段后按TAB键的情况
}}
/>
有什么想法吗