Skip to content

Commit f7b4950

Browse files
author
Clauderic Demers
committed
docs: update examples to use stable key prop
1 parent adbbe86 commit f7b4950

File tree

3 files changed

+3
-3
lines changed

3 files changed

+3
-3
lines changed

examples/basic.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,7 @@ class App extends Component {
2626
return (
2727
<SortableContainer onSortEnd={this.onSortEnd}>
2828
{items.map((value, index) => (
29-
<SortableItem key={`item-${index}`} index={index} value={value} />
29+
<SortableItem key={`item-${value}`} index={index} value={value} />
3030
))}
3131
</SortableContainer>
3232
);

examples/drag-handle.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -37,7 +37,7 @@ class App extends Component {
3737
return (
3838
<SortableContainer onSortEnd={this.onSortEnd} useDragHandle>
3939
{items.map((value, index) => (
40-
<SortableItem key={`item-${index}`} index={index} value={value} />
40+
<SortableItem key={`item-${value}`} index={index} value={value} />
4141
))}
4242
</SortableContainer>
4343
);

examples/react-infinite.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@ const SortableInfiniteList = sortableContainer(({items}) => {
1616
>
1717
{items.map(({value, height}, index) => (
1818
<SortableItem
19-
key={`item-${index}`}
19+
key={`item-${value}`}
2020
index={index}
2121
value={value}
2222
height={height}

0 commit comments

Comments
 (0)