非同期通信でコメント機能を実装

Question

railsで本の投稿サイトを作成しています。投稿した本に「いいね」やコメントができる機能を非同期通信で実装したのですが、理解できない点があったため質問させていただきました。

投稿詳細ページ（books/show）に、投稿した本の詳細とその本へのコメントとコメントの削除が非同期でできるようになっています。そのコメント一覧は部分テンプレートを使ってcomments/_index.html.erb に記述しrenderで呼び出しています。
(rails 5.2.6)

＜質問内容＞

$('#comments_area').html('<%= j(render "index", comments: @comment.book.comments) %>');

上記のcomments/index.js.erb の記述についてなのですが、
①　comments: @comment.book.comments　が理解できません。
@comment.book.commentsはコメント一覧を表示するのに必要なコメントを全件取得しているのだと思うのですが、それならcomments: @commentsで良いように思えます。

②　そもそもcomments/_index.html.erb内のインスタンス変数@commentはbooks/controller内で定義したものという認識で正しいのでしょうか？
下記books/show.html内の@commentsのようにbooks/controllerから引っ張ってきているものだと捉えているのですが。

 <table id="comments_area">
        <%= render "comments/index", comments: @comments %>
 </table>

routes.rb

Rails.application.routes.draw do
  devise_for :users

  root "homes#top"
  get "home/about" => "homes#about"
  get "searches" => "searches#search"

  resources :users do
    resource :relationships, only: [:create, :destroy]
    get :follows, on: :member
    get :followers, on: :member
  end

  resources :books do
    resources :comments, only: [:create, :destroy]
    resource :favorites, only: [:create, :destroy]
  end

end

book.rb

class Book < ApplicationRecord
  validates :title, presence: true
  validates :body, presence: true, length: {maximum: 200}
  belongs_to :user
  has_many :favorites, dependent: :destroy
  has_many :comments, dependent: :destroy

comment.rb

class Comment < ApplicationRecord
  belongs_to :user
  belongs_to :book

  validates :comment, presence: true
end

books_controller

class BooksController < ApplicationController

  def show
    @book = Book.find(params[:id])
    @newbook = Book.new
    @user = @book.user
    @comments = @book.comments
    @comment = Comment.new
  end

end

comments/controller

class CommentsController < ApplicationController
  def create
    @book = Book.find(params[:book_id])
    @comment = current_user.comments.new(comment_params)
    @comment.book_id = @book.id
    @comment.save
    render :index
    #redirect_back(fallback_location: root_path)

  end

  def destroy
    @book = Book.find(params[:book_id])
    @comment = Comment.find_by(id: params[:id], book_id: @book.id)
    @comment.destroy
    render :index
    #redirect_back(fallback_location: root_path)
  end

  private
    def comment_params
      params.require(:comment).permit(:comment)
    end
end

books/show.html.erb

    
      <h2>Book detail</h2>
      <table class="table">
        <tbody>
          <tr>
            <td>
              <%= link_to user_path(@user) do %>
                <%= attachment_image_tag @user, :profile_image, fallback: "no_image.jpg", size: "40x40" %><br>
                <%= @user.name %>
              <% end %>
            </td>
            <td>
              <%= link_to book_path(@book) do %>
                <%= @book.title %>
              <% end %>
            </td>
            <td>
              <%= @book.body %>
            </td>
            <td class="favorite_btn_<%= @book.id %>">
              <%= render "favorites/favorite", book: @book %>
            </td>
            <td>
              コメント数：<%= @comments.count %>
            </td>
            <% if @user == current_user %>
              <td>
                <%= link_to "Edit", edit_book_path, class:"btn btn-sm btn-success"  %>
              </td>
              <td>
                <%= link_to "Destroy", book_path(@book), method: :delete, data: {confirm: "本当に消しますか？"}, class:"btn btn-sm btn-danger"  %>
              </td>
            <% end %>
          </tr>
        </tbody>
      </table>
      <table id="comments_area">
        <%= render "comments/index", comments: @comments %>
      </table>

      <%= form_with model: [@book, @comment] do |f| %>
        <div class="form-group">
          <%= f.text_area :comment, rows:5, class:"w-100" %>
        </div>
        <%= f.submit "送信" %>
      <% end %>

comments/_index.html.erb (部分テンプレート)

<tbody>
  <% comments.each do |comment| %>
    <tr>
      <td>
        <%=link_to user_path(comment.user) do %>
          <%= attachment_image_tag comment.user, :profile_image, fallback: "no_image.jpg", size: "40x40" %><br>
          <%= comment.user.name %>
        <% end %>
      </td>
      <td><%= comment.comment %></td>
      <% if comment.user == current_user %>
        <td>
          <%= link_to "Destroy", book_comment_path(comment.book, comment), method: :delete, remote: true, class:"btn btn-sm btn-danger" %>
        </td>
      <% end %>
    </tr>
  <% end %>
</tbody>

comments/index.js.erb

$('#comments_area').html('<%= j(render "index", comments: @comment.book.comments) %>');
$('textarea').val('');