我是编码新手。尝试学习 React。我尝试创建一个 Netflix 克隆。当我尝试为不同类别的电影渲染图像时，它不会显示在浏览器中。控制台显示以下错误：

Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'protocol')

import './App.css';
import Nav from './Nav';
import Banner from './Banner'
import Row from './Row';
import requests from './requests';




function App() {
  return (
    <div className="app">
      <Nav/>
      <Banner/>
      <Row/>

      <Row
      title= {requests.fetchNetflixOriginals}
      isLargeRow={true}
      />

      <Row title="Trending Now" fetchurl={requests.fetchTrending} />
      <Row title="Top Rated" fetchurl={requests.fetchTopRated} />
      <Row title="Action Movies" fetchurl={requests.fetchActionMovies} />
      <Row title="Comedy Movies" fetchurl={requests.fetchComedyMovies} />
      <Row title="Horror Movies" fetchurl={requests.fetchHorrorMovies} />
      <Row title="Documentaries" fetchurl={requests.fetchDocumentaries} />




    </div>
  );
}

export default App;

import React, {useState,useEffect} from 'react';
import './Row.css'
import axios from 'axios'
import YouTube from 'react-youtube'
import movietrailer from 'movie-trailer'



function Row({title, fetchurl, isLargeRow}) {

    const base_url= "https://image.tmdb.org/t/p/original/";
    const[movies, setMovies]= useState([]);
    const[trailerurl, setTrailerurl]= useState("");

    useEffect(()=> {
        async function fetchData() {
            const request = await axios.get(fetchurl);
            setMovies(request.data.results);
            return request;
        }

        fetchData();
    }, [fetchurl]);
    
  return (
    <div className="row">
        <h2>{title}</h2>
    <div className="row__posters">
    {movies.map((movie) => (
            <img 
                src={`${base_url}${
                    isLargeRow ? movie.poster_path : movie.backdrop_path
                }`} 
                alt={movie.name}
            />
      ))}
    </div>
    </div>
  )
}

export default Row