JSFiddle - React, Tailwind, and code Playground

HTML

<div class="comments_block">
<!-- 
  тут любым способом выводим 10 комментов.
  будем считать что следующие 10 я 
  поставил через php при загрузке страницы
-->
    <div class="comment">
        Бла-бла-бла #1
    </div>
    <div class="comment">
        Бла-бла-бла #2
    </div>
    <div class="comment">
        Бла-бла-бла #3
    </div>
    <div class="comment">
        Бла-бла-бла #4
    </div>
    <div class="comment">
        Бла-бла-бла #5
    </div>
    <div class="comment">
        Бла-бла-бла #6
    </div>
    <div class="comment">
        Бла-бла-бла #7
    </div>
    <div class="comment">
        Бла-бла-бла #8
    </div>
    <div class="comment">
        Бла-бла-бла #9
    </div>
    <div class="comment">
        Бла-бла-бла #10
    </div>
</div> 
<button class="load_comments">
    Показать еще
</button>

CSS

.comments_block{
  width: 500px;
  background: #369;
  overflow: auto;
  padding: 10px 10px;
  margin-bottom: 10px;
}
.comment{
  background: #fff;
  margin-bottom: 10px;
}

JavaScript

var page = 1;//какие-то дополнительные данные, чтобы php понимал с какого комментария ему делать выборку
$(document).on('click', '.load_comments', function(){
	  var id = 1; //Допустим что это идентификатор записи, по которой загружаем комментарии
    page ++; 
		$.ajax({
      type: 'POST',
      dataType: 'JSON',
      url: 'https://ptsv2.com/t/jnz7n-1568367148/post',
      data: {
        id: id,
        page: page
      },
      success: function (data) {
        if (data.length == 0) {
            alert('Комментов больше нет');
        } else {
          for (var i in data) {
            $('.comments_block').append('<div class="comment">'+ data[i]['comment'] +"</div>");
          }
        }
      }
    });		
});