【rails】いいね機能をAJAX化したい

Question

前提・実現したいこと

railsで記事投稿型のアプリを作っており、
いいね機能の実装まで行い、現在いいね機能のAJAX化をしております。
一旦、『いいねボタンを押す　→　部分テンプレート化した「いいねボタン」が「いいねを取り消すボタン」に更新される』
というところまでを実装したいと考えています。

発生している問題・エラーメッセージ

いいねボタンを押した後、ページは更新されず「いいねボタン」も更新されません。
手動でページを読み込みなおすと、「いいねボタン」も更新されており、きちんといいねのカウントも増えていました。

エラーが発生するのは「いいねボタン」を押した時点で、
エラーとしては用意したjs.erbファイルのrenderメソッドで部分テンプレートを更新する際、
指定した部分テンプレートへうまく変数を渡せていないように見受けました(以下のエラーです)。

ActionView::Template::Error (undefined local variable or method `article' for #<ActionView::Base:0x00000000011f08>  
Did you mean?  @article):
    1: <% if current_user.already_liked?(article) %>
    2:     <%= button_to 'いいねを取り消す', "/likes/#{article.id}/destroy", method: :post %>
    3: <% else %>
    4:     <%= button_to 'いいね', likes_create_path(article), method: :post, remote: true %>

app/views/likes/_like.html.erb:1
app/views/likes/create.js.erb:2

該当のソースコード

ソースコードは以下です。

_pickup.html.erb

views/articles/_pickup.html.erb
いいねボタンを表示している場所

<% if user_signed_in? %> 
  <div id='like_<%= article.id %>'>
      <%= render 'likes/like', article: article %>
  </div>
<% else %>
  <button><font color='gray'>いいね</font></button>
<% end %>

_like.html.erb

views/likes/_pickup.html.erb
部分テンプレート化したいいねボタン

<% if current_user.already_liked?(article) %>
    <%= button_to 'いいねを取り消す', "/likes/#{article.id}/destroy", method: :post %>
<% else %>
    <%= button_to 'いいね', likes_create_path(article), method: :post, remote: true %>
<% end %>

likes.controller.rb

いいねボタンからいいねを行うcreateアクションを指示

before_action :authenticate_user!, only: [:create, :destroy]

def create
 @like = Like.new(user_id: current_user.id, article_id: params[:article_id])
 @like.save
        
 @id = params[:article_id]
 @article = Article.find(params[:article_id])
end

def likes_params
   params.require(:article)
   .permit(:user_id, :article_id)
end

create.js.erb

views/likes/create.js.erb
createアクション後にコントローラーから呼び出すjs.erbファイル

<% id = @id %>
$("#like_<%= id %>").html("<%= j(render partial: 'likes/like', article: @article) %>")

routes.rb

post "/likes/:article_id/create", to: 'likes#create', as: 'likes_create'

resources :articles do
  resources :likes, only: [ :create, :destroy ]
end

create.js.erbのrenderで_like.html.erbを更新する際に、
article変数が受け渡されていないというエラーなのかと認識しています。

試したこと

create.js.erb　→　_like.html.erb でarticle変数を受け渡すために
create.js.erbのrenderメソッドに article: @article を記述してみましたが改善しませんでした。

ご回答の程よろしくお願いいたします。

補足情報（FW/ツールのバージョンなど）

Windows10 x64
Ruby 3.0.1
Rails 6.1.3.1
SQLite 3.35.5

Answer 1

create.js.erbの
$("#like_<%= id %>").html("<%= j(render partial: 'likes/like', article: @article) %>")
を
$("#like_<%= id %>").html("<%= j(render partial: 'likes/like', locals: { article: @article }) %>")
としたらarticle変数がきちんと受け渡され、エラーが解消し、AJAX化されました。
partial とする場合、必ずlocals: としなければならないという部分を見落としていました。