can display list of videos from rails api

src/Components/VideoLibrary.js

@@ -1,9 +1,46 @@
-import React from 'react'
+import {React, useState, useEffect} from 'react'
 import PropTypes from 'prop-types'
+import axios from 'axios'
 
 const VideoLibrary = (props) => {
+
+    const allVideosURL = 'http://localhost:3000/videos'
+
+    const [videos, setVideos] = useState([])
+    const [errorMessage, setErrorMessage] = useState(null)
+
+    useEffect(() => {
+        axios.get(allVideosURL)
+          .then((response) => {
+            const RailsApiVideoList = response.data
+            setVideos(RailsApiVideoList);
+          })
+          .catch((error) => {
+            setErrorMessage(error.message);
+            console.log(error.message);
+          });
+      }, []);
+
+    function VideoList() {
+
+    const listItems = videos.map((video) =>
+        <li key={video.id}>
+            {video.title}: {video.overview}
+        </li>
+            );
+        return (
+        <ul>{listItems}</ul>
+        );
+    }
+
     return (
-        <p>this is a list of videos</p>
+        <div>
+            <h3>Video Library</h3>
+            <ul>
+
+            </ul>
+            <VideoList/>
+        </div>
     )
 }