Olá @johhansantana , seu problema foi encerrado porque não está em conformidade com nossos requisitos. Use o Assistente de Problemas para criar um problema, obrigado!

Isso significa a chave de seus dados, não colunas.

Eu tenho o mesmo problema. Como podemos resolver isso? @ ant-design-bot @ afc163

Com as colunas, se não for definida a propriedade dataIndex, a chave da coluna deve ser definida como uma chave exclusiva.

@johhansantana key not unique ↓

título: 'Categoría (s)',
chave: `id $ {updateIndex ()}`,
...
título: 'Ação',
chave: `id $ {updateIndex ()}`,

Não entendi totalmente o que tínhamos que fazer. @lijinlone

@ahmetkuslular A mensagem de erro é bastante explícita, seu conjunto de dados deve conter itens com uma propriedade de chave neles ou você deve especificar a propriedade rowKey no componente Tabela com o nome de um campo em seu conjunto de dados que é exclusivo para cada linha.

Código Fonte Aqui

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

Este também foi confuso para mim, porque eu estava confundindo as teclas COLUMN com as teclas ROW. Este erro não tem nada a ver com a "chave" na configuração da sua coluna.

O Ant espera que você tenha uma chave exclusiva especificamente chamada de "chave" em cada linha de dados, assim:

{ key: 1, value: 'foo'}

Em vez disso, meus dados tinham "id":

{ id: 1, value: 'foo'}

Para resolver isso, adicionei uma propriedade rowKey à minha Tabela, assim:

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

<Table .... rowKey={record => record.countryId} ... /> consertou para mim.
countryId sendo um valor único em cada campo de item em seus dados.

Na tabela de design do Ant, o tipo de propriedade rowKey é string.
Então, eu adicionei como string usando uuid. então resolvi o erro.

Ei pessoal, adicionar rowKey à tabela resolveu meu problema
<Table rowKey = "id" ..... />

e 'id' é a chave de uma das colunas dentro da tabela como -
colunas const = [
{
título: '#',
dataIndex: data.id,
chave: 'id',
},
{
nome do título',
dataIndex: 'nome',
chave: 'nome',
},
.
.
sim e meu id é uma string única também. Com essa mudança, posso ver que as colunas têm um id definido como propriedade 'data-row-key' para cada coluna e nenhum aviso agora.

solução 1

cada coluna tem um único 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;

solução 2

só precisa definir rowkey na tabela com valor único

// 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;

ref

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

@xgqfrms , na solução 2, você pode encurtar o rowKey prop para rowkey="id" . Funciona da mesma forma.

O que estou recebendo é esta mensagem

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)

indicando que o problema no TableCell , mas como posso definir o key prop lá?

Percebi que os exemplos na página Antd não estão gerando esse erro.

Obrigado pela ajuda.

O que estou recebendo é esta mensagem

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)

Ei, eu acabei de descobrir. Em columns prop, você precisa ter dataIndex ou key .

É mencionado nesta seção: https://ant.design/components/table/#Column

@tuanalumi , obrigado por apontar isso, adicionei key e não estou mais recebendo esse aviso!

Este também foi confuso para mim, porque eu estava confundindo as teclas COLUMN com as teclas ROW. Este erro não tem nada a ver com a "chave" na configuração da sua coluna.

O Ant espera que você tenha uma chave exclusiva especificamente chamada de "chave" em cada linha de dados, assim:

{ key: 1, value: 'foo'}

Em vez disso, meus dados tinham "id":

{ id: 1, value: 'foo'}

Para resolver isso, adicionei uma propriedade rowKey à minha Tabela, assim:

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

consertou para mim, obrigado