Здравствуйте, @johhansantana! Ваша проблема закрыта, поскольку она не соответствует нашим требованиям. Пожалуйста, используйте Помощник по проблеме, чтобы создать проблему, спасибо!

Это означает ключ ваших данных, а не столбцы.

У меня точно такая же проблема. Как мы можем это решить? @ ant-design-bot @ afc163

Для столбцов, если свойство dataIndex не задано, ключ столбца должен иметь уникальный ключ.

Ключ @johhansantana не уникальный ↓

title: 'Категория (ы)',
ключ: `id $ {updateIndex ()}`,
...
title: 'Действие',
ключ: `id $ {updateIndex ()}`,

Я не совсем понимал, что нам нужно делать. @lijinlone

@ahmetkuslular Сообщение об ошибке довольно явное: ваш набор данных должен содержать элементы с ключевым свойством на них, или вы должны указать свойство rowKey в компоненте Table с именем из поля в вашем наборе данных, которое является уникальным для каждой строки.

Исходный код здесь

<Table 
  columns={columns} 
  dataSource={this.props.categories} 
  rowKey="name" 
/>

Это тоже сбивало меня с толку, потому что я путал клавиши COLUMN с клавишами ROW. Эта ошибка не имеет ничего общего с "ключом" в конфигурации вашего столбца.

Ant ожидает, что у вас будет уникальный ключ с именем «ключ» для каждой строки данных, например:

{ key: 1, value: 'foo'}

Вместо этого у моих данных был идентификатор:

{ id: 1, value: 'foo'}

Чтобы решить эту проблему, я добавил свойство rowKey в свою таблицу следующим образом:

<Table columns={this.columns} dataSource={this.state.results} rowKey='id' />

<Table .... rowKey={record => record.countryId} ... /> исправил это для меня.
countryId - уникальные значения в каждом поле элемента в ваших данных.

В таблице Ant-design типом свойства rowKey является строка.
Поэтому я добавил его как строку с помощью uuid. поэтому я решил ошибку.

Привет, ребята, добавление rowKey в таблицу решило мою проблему
<Table rowKey = "id" ..... />

а 'id' - ключ одного из столбцов внутри таблицы как -
const columns = [
{
заглавие: '#',
dataIndex: data.id,
ключ: 'id',
},
{
title: 'Имя',
dataIndex: 'имя',
ключ: 'имя',
},
.
.
да, и мой идентификатор тоже уникальная строка. Благодаря этому изменению я вижу, что столбцы имеют идентификатор, заданный как свойство data-row-key для каждого столбца, и теперь никаких предупреждений.

решение 1

каждый столбец имеет уникальный key

// each column with unique key

import React from 'react';

import {
  Table,
} from 'antd';

const leftTableColumns = [
  {
    title: 'Page / Modal',
    dataIndex: 'pageModal',
    key: 'pageModal',
  },
  {
    title: 'Success Rate',
    dataIndex: 'successRate',
    key: 'successRate',
  },
];

const LeftTable = (props) => {
  const {
    leftTableDatas,
  } = props;
  return (
    <>
      <Table
        columns={leftTableColumns}
        dataSource={leftTableDatas}
      />
    </>
  );
};

export {
  LeftTable,
};

export default LeftTable;

решение 2

нужно только установить rowkey в таблице с уникальным значением

// table with rowkey

import React from 'react';

import {
  Table,
} from 'antd';

const leftTableColumns = [
  {
    title: 'Page / Modal',
    dataIndex: 'pageModal',
  },
  {
    title: 'Success Rate',
    dataIndex: 'successRate',
  },
];

const LeftTable = (props) => {
  const {
    leftTableDatas,
  } = props;
  return (
    <>
      <Table
        // shorthand rowKey
        rowkey="id"
        // rowKey={obj => obj.id}
        columns={leftTableColumns}
        dataSource={leftTableDatas}
      />
    </>
  );
};

export {
  LeftTable,
};

export default LeftTable;

ссылка

https://ant.design/components/table/

@xgqfrms , в решении 2 вы можете сократить опору rowKey до rowkey="id" . Работает так же.

Я получаю это сообщение

Warning: Each child in a list should have a unique "key" prop.

Check the render method of `TableRow`. See https://fb.me/react-warning-keys for more information.
    in TableCell (created by TableRow)
    in TableRow (created by Connect(TableRow))
    in Connect(TableRow) (created by ExpandableRow)

указывая, что проблема в TableCell , но как я могу установить там key prop?

Я заметил, что примеры на странице Antd не вызывают эту ошибку.

Спасибо за помощь.

Я получаю это сообщение

Warning: Each child in a list should have a unique "key" prop.

Check the render method of `TableRow`. See https://fb.me/react-warning-keys for more information.
    in TableCell (created by TableRow)
    in TableRow (created by Connect(TableRow))
    in Connect(TableRow) (created by ExpandableRow)

Эй, я только что понял это. В columns prop вам нужно иметь либо dataIndex либо key .

Это упоминается в этом разделе: https://ant.design/components/table/#Column.

@tuanalumi , спасибо, что указали на это, я добавил key и больше не получаю это предупреждение!

Это тоже сбивало меня с толку, потому что я путал клавиши COLUMN с клавишами ROW. Эта ошибка не имеет ничего общего с "ключом" в конфигурации вашего столбца.

Ant ожидает, что у вас будет уникальный ключ с именем «ключ» для каждой строки данных, например:

{ key: 1, value: 'foo'}

Вместо этого у моих данных был идентификатор:

{ id: 1, value: 'foo'}

Чтобы решить эту проблему, я добавил свойство rowKey в свою таблицу следующим образом:

<Table columns={this.columns} dataSource={this.state.results} rowKey='id' />

исправил это для меня, спасибо