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

【问题标题】：How to get rid of console warning "enableRowSelect has been deprecated... Please use rowSelection instead.""如何摆脱控制台警告“enableRowSelect 已被弃用...请改用 rowSelection。”
【发布时间】：2019-06-05 08:11:44
【问题描述】：

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

控制台警告：

enableRowSelect 已被弃用，将在未来版本中删除。请改用 rowSelection

最小的、可重现的例子
安装 RDG
$npm install react-data-grid --save
或用纱线：
$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}
    />
  );
}

检查您的控制台

这实际上是 sn-p 来自：
https://adazzle.github.io/react-data-grid/docs/examples/simple-grid
您也可以在该链接页面查看控制台警告。

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

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

【问题讨论】：

标签： javascript reactjs typescript react-data-grid

【解决方案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

【讨论】：