인프런 커뮤니티 질문&답변

실행 자체는 잘 되고 이미지도 잘 불러와지는데 콘솔을 보면 GET https://image.tmdb.org/t/p/original/undefined 에러가 뜹니다. 한번씩 GET https://image.tmdb.org/t/p/original/null 도 같이 나오고요.

왜 발생하는지 모르겠어요. 무시해도 되는 걸까요?

Row.js입니다

import React, { useEffect, useState } from 'react'
import axios from "../api/axios";
import "./Row.css";

function Row({title, fetchUrl, id, isLargeRow}) {
  const [movies, setMovies] = useState([]);

  const fetchMovieData = async() => {
    const request = await axios.get(fetchUrl)
    setMovies(request.data.results);
  }


  useEffect(()=>{
    fetchMovieData();
  }, [])

  return (
    <section className="row">
      <h2>{title}</h2>
      <div className="slider">
        <div className="slider__arrow-left">
          <span className="arrow">{"<"}</span>
        </div>

        <div id={id} className="row__posters">
          {movies.map((movie)=>
            (
              <img
                key={movie.id}
                className={`row__poster ${isLargeRow && "row__posterLarge"}`}
                src={`https://image.tmdb.org/t/p/original/${
                  isLargeRow ? movie.poster_path : movie.backdrop_path
                } `}
                loading="lazy"
                alt = {movie.name}
              />
            ))}
        </div>

        <div className="slider__arrow-right">
          <span className="arrow">{">"}</span>
        </div>
      </div>
    </section>
  )
}

export default Row