Chore: use current key for connection rows

This commit is contained in:
Dreamacro 2020-11-02 00:17:12 +08:00
parent 1936f3f051
commit 2dfc193094

View File

@ -241,18 +241,18 @@ export default function Connections() {
<div {...getTableBodyProps()} className="connections-body"> <div {...getTableBodyProps()} className="connections-body">
{ {
rows.map((row, i) => { rows.map(row => {
prepareRow(row) prepareRow(row)
return ( return (
<div {...row.getRowProps()} className="connections-item" key={i}> <div {...row.getRowProps()} className="connections-item" key={row.original.id}>
{ {
row.cells.map((cell, j) => { row.cells.map(cell => {
const classname = classnames( const classname = classnames(
'connections-block', 'connections-block',
{ center: shouldCenter.has(cell.column.id), completed: row.original.completed } { center: shouldCenter.has(cell.column.id), completed: row.original.completed }
) )
return ( return (
<div {...cell.getCellProps()} className={classname} key={j}> <div {...cell.getCellProps()} className={classname} key={cell.column.id}>
{ renderCell(cell)} { renderCell(cell)}
</div> </div>
) )