react-data-grid无法读取未定义的属性'length‘

Question

我正在尝试使用react-data-grid在我的网站上创建一个表，并得到未定义长度的错误。我还有另外两个列和行文件，我将它们包含在状态中。

<ReactDataGrid
  columns={this.state.columns}
  rowGetter={i => this.state.rows[i]}
  rowsCount={this.state.rows.length}
  onGridRowsUpdated={this.onGridRowsUpdated}
  enableCellSelect={true}
/>

Answer 1

const { rows, columns } = this.state; 
if (!rows || !columns) return null;

return ( 
  <ReactDataGrid 
    columns= {columns} 
    rowGetter = {i => rows[i]} 
    rowsCount = {rows.length} 
    onGridRowsUpdated = {this.onGridRowsUpdated} 
    enableCellSelect 
  /> 
);

Answer 2

在我的例子中，从7.0.0-canary.39降级到5.0.4是可行的。rowGetter属性已更改，但由于某种原因，文档未更新。