Now the data is being pass correctly from AddNewItemForm to ItemDisplay but I need to work on processing the data

1 files changed, 13 insertions, 2 deletions

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;