React Ant Design Table Warning: Each child in a list should have a unique key prop

Posted on 2021-01-19 Edited on 2024-12-19 In Problem Solving

Background

I using Ant Design Table component to accomplish my list page. I return list data to frontend, but I got some error message in browser console.

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

Add a field “key” to each objects of the list

[{
      key: 1,
      createTime: "2021-01-07 11:13:00",
      numberOfTopUp: 100,
      totalNumber: 100
    },
    ...
]

Ant design defined this usage.