feat: Fetch and display notes from server in App component

part1/src/App.jsx

@@ -1,12 +1,26 @@
-import { useState } from 'react'
+import { useState,useEffect } from 'react'
 import Note from './components/Note'
+import axios from 'axios'
 
-const App = (props) => {
-  const [notes, setNotes] = useState(props.notes)
+const App = () => {
+  const [notes, setNotes] = useState([])
 
   const [newNote, setNewNote] = useState('a new note...')
   const [showAll, setShowAll] = useState(true)
 
+  useEffect(() => {
+    console.log('effect')
+
+    const eventHandler = response => {
+      console.log('promise fulfilled')
+      setNotes(response.data)
+    }
+
+    const promise = axios.get('http://localhost:3001/notes')
+    promise.then(eventHandler)
+  }, [])
+
+
   const handleNoteChange = (event) => {
     console.log(event.target.value)
     setNewNote(event.target.value)