小编tom*_*u23的帖子

我正在使用 API，但我完全不知道如何使用来自 3 个不同对象的数据输出 3 个 div。发生的事情是 JS 只输出一个 div。我想知道如何防止 JS 覆盖？

  function reviews(id){
    fetch(`https://api.themoviedb.org/3/movie/${id}/reviews?api_key=9250b9e19854d9deaa571f4074bc38a3&language=en-US&page=1` ,{
        method: "GET",
    })
    .then(response => {
        return response.json();
    })
    .then(data => {
        console.log(data);
        output = '';
        for (i = 0; i <3; i++) {
            output = `
            <img src="https://cdn.business2community.com/wp-content/uploads/2017/08/blank-profile-picture-973460_640.png" class="align-self-start mr-3">
            <div class="media-body>
            <h5 class="mt-0 review-title">A Review by ${data.results[i].author}</h5>
            <p class="review-author">${data.results[i].author}</p>
            <p class="review-paragraph">${data.results[i].content.substring(0,200)}... <a href="#" class="see-more">see more</a></p>
            </div>
            `  
        }
        document.querySelector('.reviews-container').innerHTML = output;
    })
    .catch(showAlert())
  }