fix key in stackgrid for add/del animations

maxchistt · maxchistt · commit 4aac54f3ef4c · 2021-04-20T13:42:38.000+03:00
diff --git a/src/Cards/CardList.js b/src/Cards/CardList.js
@@ -45,7 +45,7 @@ function CardList(props) {
             <StackGrid className="container-fluid p-0" {...gridSettings}>
                 {props.cards.map ? (props.cards.map((card, index) => {
                     return (
-                        <CardItem card={card} key={index} index={index} />
+                        <CardItem card={card} key={card.id} index={index} />
                     )
                 })) : null}
             </StackGrid>

Original file line number	Diff line number	Diff line change
`@@ -45,7 +45,7 @@ function CardList(props) {`
`45`	`45`	`<StackGrid className="container-fluid p-0" {...gridSettings}>`
`46`	`46`	`{props.cards.map ? (props.cards.map((card, index) => {`
`47`	`47`	`return (`
`48`		`- <CardItem card={card} key={index} index={index} />`
	`48`	`+ <CardItem card={card} key={card.id} index={index} />`
`49`	`49`	`)`
`50`	`50`	`})) : null}`
`51`	`51`	`</StackGrid>`