Question

我有这些对象，我将它们附加到图像URL上，但是，当我尝试调用该URL只是为了确认它可以工作时，它没有显示。其他所有属性（例如“ id”，“ name”）都会被打印出来，但URL不会。

当我输入以下代码时： {trendingMovies.map((movie)=><img src={movie.img} />)} 我得到以下结果： see picture

但是在我尝试打印出其他属性后 {trendingMovies.map((movie)=><p>{movie.original_title}</p>)}

我得到了所需的结果see image here

最后，我将附加另一个图像，以便您看到我正在使用的图像 see image

我真的很困惑，因为我从未经历过这样的事情。任何帮助将不胜感激！

这是我用来附加它的函数：

const getPoster=(movie)=>{
    const poster = axios(`https://image.tmdb.org/t/p/w500${movie}`);
   return  poster.then(function(data){
         return data.config.url;
     })
    }
const appendToObj=(url, obj)=>{
    url.then(data =>obj.img = data);
}

然后，我遍历对象数组，并为每个对象调用这两个方法，第一个方法获取URL，第二个方法附加URL

Answer 1

尝试这个

     const trendingMovies = [
       { 'id': 1, 'img': 'url1', dedia_type: 'movie' },
       { 'id': 2, 'img': 'url2', dedia_type: 'movie' }
     ]      
      trendingMovies.map((m) => (`<p>${m.img}</p>`))

无法访问对象的属性

1 个答案: