如何摆脱控制台警告“enableRowSelect已弃用...请改用rowSelection。”

Question

我在我的应用程序中使用React Data Grid(https://adazzle.github.io/react-data-grid/)多次。我注意到有一个控制台警告，涉及到一个属性“enableRowSelect”，打印出是否正在使用该属性。


控制台警告:

enableRowSelect已经被弃用，并将在未来的版本中移除，请改用rowSelection代替。

最小、可重现的示例：
安装RDG
$ npm install react-data-grid --save
或者使用yarn：
$ yarn add react-data-grid

file.tsx

import React from 'react';
import ReactDataGrid from 'react-data-grid';

const columns = [
  { key: 'id', name: 'ID' },
  { key: 'title', name: 'Title' },
  { key: 'count', name: 'Count' } ];

const rows = [{id: 0, title: 'row1', count: 20}, {id: 1, title: 'row1', count: 40}, {id: 2, title: 'row1', count: 60}];

function HelloWorld() {
  return (
    <ReactDataGrid
      columns={columns}
      rowGetter={i => rows[i]}
      rowsCount={3}
    />
  );
}

请检查你的控制台

这实际上是从以下代码片段中提取的：
https://adazzle.github.io/react-data-grid/docs/examples/simple-grid
您也可以在该链接页面上检查控制台的警告信息。

我希望当我按照文档中描述的基本网格使用时，不会出现任何错误或警告。

     ?                                0     1     1
 ><({,''>                         <'',}})><   1   0          
                                   0   1  0                

- YoyoO

Answer 1

解决方法： 将属性 'enableRowSelect' 设置为 null :

<ReactDataGrid
  columns={this.state.columns}
  rowGetter={this.rowGetter}
  rowsCount={this.getSize()}

  enableRowSelect={null}

  />

编辑：看起来这个问题将在7.0.0版本中得到解决。修复已包含在7.0.0-alpha.18中。更多细节请点击这里

- YoyoO