data percistance using localStorage

iamangelmp · Mar 15, 2023 · 0bef93a · 0bef93a · vercel · Mar 15, 2023
1 parent 6d70de6
commit 0bef93a
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/src/App.jsx b/src/App.jsx
@@ -1,12 +1,16 @@
-import { useState } from "react";
+import { useState, useEffect } from "react";
 import Header from "./components/Header";
 import Form from "./components/Form";
 import PatienrsList from "./components/PatienrsList";
 
 function App() {
-  const [patients, setPatients] = useState([]);
+  const [patients, setPatients] = useState(JSON.parse(localStorage.getItem('pacientes')) ?? []);
   const [patient, setPatient] = useState({});
 
+  useEffect(()=>{
+    localStorage.setItem('pacientes',JSON.stringify(patients))
+  },[patients])
+
   const deletePatient = (id) => {
     const updatedPatients = patients.filter((patient) => patient.id !== id);
     setPatients(updatedPatients);