From f1475f5815d2accd40342c95ed2cf97a96e6d676 Mon Sep 17 00:00:00 2001
From: MikunoNaka <bokuwakanojogahoshii@yahoo.com>
Date: Fri, 16 Apr 2021 23:09:12 +0530
Subject: Now the data is being pass correctly from AddNewItemForm to
 ItemDisplay but I need to work on processing the data

---
 src/components/Display/ItemsDisplay.js | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

(limited to 'src/components/Display')

diff --git a/src/components/Display/ItemsDisplay.js b/src/components/Display/ItemsDisplay.js
index 5e09a5c..9507e5b 100644
--- a/src/components/Display/ItemsDisplay.js
+++ b/src/components/Display/ItemsDisplay.js
@@ -1,11 +1,22 @@
 import React from "react";
 import "./Display.css";
 
-const ItemsDisplay = () => {
+const ItemsDisplay = (props) => {
+  const items = props.items;
+
   return (
     <div className={"ItemsDisplay"}>
+      <ol>
+        {
+          items.map(
+            (item) => {
+              return <li key={item}>{item}</li>
+            }
+          )
+        }
+      </ol>
     </div>
-  )
+  );
 }
 
 export default ItemsDisplay;
-- 
cgit v1.2.3