From fbf82ec7071abde0e282c3e94876532af37a92f7 Mon Sep 17 00:00:00 2001
From: vijayrana177 <137168484+vijayrana177@users.noreply.github.com>
Date: Tue, 20 Jun 2023 17:01:34 +0530
Subject: [PATCH] Create Contactview

---
 Contactview | 28 ++++++++++++++++++++++++++++
 1 file changed, 28 insertions(+)
 create mode 100644 Contactview

diff --git a/Contactview b/Contactview
new file mode 100644
index 0000000..0241238
--- /dev/null
+++ b/Contactview
@@ -0,0 +1,28 @@
+import React, { useState ,useEffect } from 'react'
+//contact view
+   const Contactview =() => { 
+   const [contact , setContact] = useState([]);
+
+   useEffect(()=>{
+//Fetch JSON data for set contact state
+    const fetchdata = async () => {
+try{
+   const response = await fetch ('sample.json');
+   const data = await response.json();
+   setContacts{data.contact}
+}  catch(error){
+   console.error('Error fecthing Contacts',error);
+}
+};
+   fetchData();
+},[]);
+
+ const handelDeleteContact = (contactId) => {}
+//Remove Contacts from local state
+  setContacts((prevContacts) =>
+  preContacts.filter((contact) => contact.Id !== contactId)
+  );
+  };
+    return( 
+    );
+    };