Display Form Data in Another Component

App.js

import { useState } from "react";
import ContactForm from "./components/ContactForm.jsx";
import "./App.css";

function App() {
  // here we create an array state to store the contact form data
  const [contacts, updateContacts] = useState([]);

  const addContact = (contactInfo) => {
    updateContacts([...contacts, contactInfo]);
  };
  console.log(contacts)

  return (
    <div className="App">
      <ContactForm addContact={addContact} />
    </div>
  );
}

export default App;