✨ Row コンポーネントを作成

- axios の設定を追加（baseURLを入れないと localhost から取得されてしまう）

src/components/Row.tsx

@@ -0,0 +1,36 @@
+import { api as axios } from '../request';
+import React, { useEffect, useState } from 'react';
+
+type Props = {
+  title: string;
+  fetchUrl: string;
+  isLargeRow?: boolean;
+};
+
+type Movie = {
+  id: string;
+  name: string;
+  title: string;
+  original_name: string;
+  poster_path: string;
+  backdrop_path: string;
+};
+
+export const Row = ({ title, fetchUrl }: Props) => {
+  const [movies, setMovies] = useState<Movie[]>([]);
+
+  useEffect(() => {
+    async function fetchData() {
+      const request:any = await axios.get(fetchUrl);
+      setMovies(request.data.results);
+      return request;
+    }
+    fetchData();
+  }, [fetchUrl]);
+
+  console.log(movies);
+
+  return(
+      <div className="Row" /> 
+  );
+};

src/request.js

@@ -1,3 +1,9 @@
+import axios from 'axios';
+
+export const api = axios.create({
+  baseURL: `https://api.themoviedb.org/3/`
+});
+
 const API_KEY = "";
 
 export const requests ={