类型错误：无法读取 recatjs 中未定义的属性（读取“地图”）

Question

I get this error called Cannot read properties of undefined (reading 'map') this is my code please help me fix it

 return ( <div className="row"> <h3>{title}</h3> <div className="row__posters"> {movies.map(movie => { return <img className={`row_poster`} src={`${base_url}`} alt={movie.name} /> })} </div> </div> );

Answer 1

try movies?.map or

if(movies == undefined){
return;
}

return (
    <div className="row">
      <h3>{title}</h3>

      <div className="row__posters">
      {movies.map(movie => {
          return <img
            className={`row_poster`}
            src={`${base_url}`}
            alt={movie.name} />
        })}
      </div>
    </div>
  );```

Answer 2

change:

{movies.map(movie => {
          return <img
            className={`row_poster`}
            src={`${base_url}`}
            alt={movie.name} />
        })}

to:

{movies && movies.map(movie => {
          return <img
            className={`row_poster`}
            src={`${base_url}`}
            alt={movie.name} />
        })}