Как избавиться от предупреждения консоли "enableRowSelect устарела ... Пожалуйста, используйте вместо этого rowSelection." "

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}

  />