Reactjs React-ReactDataGrid出现问题（无法读取未定义的属性长度）

我是新来的。昨天刚开始学习。 我想在react应用程序中实现数据网格，因此决定使用

ReactDataGrid

组件。我使用命令npm install react data grid--save安装组件网。 这就是我在页面中实现代码的方式

import { Component } from 'react';
import ReactDataGrid from 'react-data-grid';

class Employee extends Component {
    constructor(pros) {
        super(pros);
        this.state = {
            columns: [
                { key: 'id', name: 'ID' },
                { key: 'title', name: 'Title' },
                { key: 'count', name: 'Count' }
            ],
            rows: [
                { id: 0, title: 'row1', count: 20 },
                { id: 1, title: 'row1', count: 40 },
                { id: 2, title: 'row1', count: 60 }
            ]
        }
    }

    render() {
        return (
            <div className="row">
                <div className="col-md-12 col-sm-12 col-lg-12 card card-user">
                    <div className="row card-header">
                        <div className="col-md-8">
                            <h5 className="card-title">Employee List</h5>
                        </div>
                        <div className="col-md-4 text-right">
                            <button className="btn btn-primary btn-round"><i className="nc-icon nc-simple-add"></i> &nbsp; Add</button>
                            <button className="btn btn-danger btn-round"><i className="nc-icon nc-simple-remove"></i> &nbsp;Cancel</button>
                        </div>
                    </div>
                    <div className="card-body">
                        <ReactDataGrid
                            columns={this.state.columns}
                            rowGetter={i => this.state.rows[i]}
                            rowsCount={3}
                            minHeight={150}
                        />
                    </div>
                </div>
            </div>
        );
    }
}

export default Employee;

从'react'导入{Component}；
从“react数据网格”导入ReactDataGrid；
类Employee扩展组件{
建造师（专业人员）{
超级专业人员；
此.state={
栏目：[
{key:'id'，name:'id'}，
{key:'title'，name:'title'}，
{键：'count'，名称：'count'}
],
行：[
{id:0，标题：'row1'，计数：20}，
{id:1，标题：'row1'，计数：40}，
{id:2，标题：'row1'，计数：60}
]
}
}
render（）{
返回(
员工名单
添加
取消
this.state.rows[i]}
rowsCount={3}
最小高度={150}
/>
);
}
}
导出默认员工；

但不幸的是，我遇到了一些问题。错误状态如下图所示。

---

如何解决此问题？？？？？

您的实现是正确的。应用程序因最新版本而崩溃。尝试使用

ReactDataGrid v6.1.0

我已经创建了一个示例代码沙盒。您可以在那里验证行为。尝试更改react网格的版本并查看结果。（屏幕截图中以红色突出显示）

工作守则-