Question

）我在我的应用中使用了几次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}
    />
  );
}

检查您的控制台

实际上是以下内容的摘录：
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}

  />

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

1 个答案: