From fce6d8d5458295dc18dc39650f77bb7ef35a0e2c Mon Sep 17 00:00:00 2001
From: meskio <meskio@sindominio.net>
Date: Mon, 22 Feb 2021 18:40:35 +0100
Subject: [PATCH] Add keys to react lists
---
src/order/OrderList.js | 2 +-
src/transaction/MyTransactions.js | 2 +-
src/transaction/TransactionList.js | 2 +-
3 files changed, 3 insertions(+), 3 deletions(-)
diff --git a/src/order/OrderList.js b/src/order/OrderList.js
index bfdba52..d7bd38f 100644
--- a/src/order/OrderList.js
+++ b/src/order/OrderList.js
@@ -6,7 +6,7 @@ import Fetcher from "../Fetcher";
function OrderList() {
const [orders, setOrders] = useState([]);
const order_list = orders.map((o) => (
- <Card as={Col} sm={4}>
+ <Card key={o.ID} as={Col} sm={4}>
<Card.Body>
<Card.Title>{o.name}</Card.Title>
<Card.Text>{o.description}</Card.Text>
diff --git a/src/transaction/MyTransactions.js b/src/transaction/MyTransactions.js
index 1b04944..97693af 100644
--- a/src/transaction/MyTransactions.js
+++ b/src/transaction/MyTransactions.js
@@ -10,7 +10,7 @@ function MyTransactions() {
const entries = transactions.map((transaction) => {
return (
- <TransactionTr transaction={transaction}>
+ <TransactionTr key={transaction.ID} transaction={transaction}>
<td>{icon(transaction)}</td>
<td>{printDate(transaction.date)}</td>
<td>{printMoney(transaction.total) + " €"}</td>
diff --git a/src/transaction/TransactionList.js b/src/transaction/TransactionList.js
index 93278e9..0367e41 100644
--- a/src/transaction/TransactionList.js
+++ b/src/transaction/TransactionList.js
@@ -43,7 +43,7 @@ function TransactionList() {
const entries = transactions.map((transaction) => {
return (
- <TransactionTr transaction={transaction}>
+ <TransactionTr key={transaction.ID} transaction={transaction}>
<td>{icon(transaction)}</td>
<td>{printTransactionID(transaction)}</td>
<td>{printDate(transaction.date)}</td>
--
GitLab