Javascript 使用ES5的固定数据表示例

这里有一个固定数据表示例：

但我很难理解这一点

我用ES5写了一些关于固定数据表的代码。现在我想在代码中加入“过滤”的例子。但这个例子是ES6

你能帮助我理解或如何将ES6转换为ES5吗

这是我的密码：

var rows = [{"id":1,"first_name":"William","last_name":"Elliott","email":"welliott0@wisc.edu",
"country":"Argentina","ip_address":"247.180.226.89"},
{"id":2,"first_name":"Carl","last_name":"Ross","email":"cross1@mlb.com",
"country":"South Africa","ip_address":"27.146.70.36"},
{"id":3,"first_name":"Jeremy","last_name":"Scott","email":"jscott2@cbsnews.com",
"country":"Colombia","ip_address":"103.52.74.225"},

// more data
];

ReactDOM.render(
    <Table
      height={rows.length * 30}
      width={1150}
      rowsCount={rows.length}
      rowHeight={30}
      headerHeight={30}
      rowGetter={function(rowIndex) {return rows[rowIndex]; }}>

      <Column dataKey="id" width={50} label="Id" />
      <Column dataKey="first_name" width={200} label="First Name" />
      <Column  dataKey="last_name" width={200} label="Last Name" />
      <Column  dataKey="email" width={400} label="e-mail" />
      <Column  dataKey="country" width={300} label="Country" />

    </Table>,
    document.getElementById('root')
);

var rows=[{“id”：1，“名字”：“William”，“姓氏”：“Elliott”，“email”：welliott0@wisc.edu",
“国家”：“阿根廷”，“ip地址”：“247.180.226.89”}，
{“id”：2，“名字”：“卡尔”，“姓氏”：“罗斯”，“电子邮件”：cross1@mlb.com",
“国家”：“南非”，“ip地址”：“27.146.70.36”}，
{“id”：3，“名字”：“杰里米”，“姓氏”：“斯科特”，“电子邮件”：jscott2@cbsnews.com",
“国家”：“哥伦比亚”，“ip地址”：“103.52.74.225”，
//更多数据
];
ReactDOM.render(
,
document.getElementById（'root'））
);

您可以使用

React.createClass

而不是使用“class”。以下是一个例子：

var FilterExample = React.createClass({
  // constructor
  getInitialState: function() {
    this._dataList = new FakeObjectDataListStore(2000);    
    this._onFilterChange = this._onFilterChange.bind(this);
    return {
      filteredDataList: this._dataList,
    };
  },
  ...
  render: function() {
    <Table
    ...
    </Table>,
    document.getElementById('root')
  }
});

var filtereExample=React.createClass({
//建造师
getInitialState:函数（）{
此._dataList=新的FakeObjectDataListStore（2000）；
this.\u onFilterChange=this.\u onFilterChange.bind（this）；
返回{
filteredDataList:此.\u数据列表，
};
},
...
render:function（）{
如果ES6概念对您来说很难，但您理解ES5，那么您可以阅读ES5输出。请注意，联机REPL不处理JSX。哦，是的，它处理JSX