javascript - 如何摆脱控制台警告 "enableRowSelect has been deprecated... Please use rowSelection instead."“

Question

)我在我的应用程序中多次使用 React Data Grid( https://adazzle.github.io/react-data-grid/ )。我注意到有一个针对 Prop “enableRowSelect”的控制台警告，它会打印您是否正在使用上述 Prop 。


控制台警告:

enableRowSelect has been deprecated and will be removed in a future version. Please use rowSelection instead

最小的、可重现的例子
安装 RDG
$ npm install react-data-grid --save
或者用 yarn :
$ yarn 添加 react-data-grid

文件.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                

Answer 1

解决方法:将 prop 'enableRowSelect' 设置为 null :

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

  enableRowSelect={null}

  />

编辑:看来它将在 7.0.0 版本中得到修复。此修复包含在 7.0.0-alpha.18 中。更多详情 here