Rails非同期「いいね」機能 create時のみレンダリングしない

Question

rails でコンテンツを投稿し、各コンテンツの詳細画面に非同期で「いいね機能」を作っています。

------------起きている問題------------

コンテンツ詳細画面を開く　

ボタン状態：未いいね

↓　いいね押す（createされるがレンダリングしない）　※ここが問題点

ボタン状態：未いいね

↓　リロードしてみる

ボタン状態：いいね済

↓いいね押す（destroyされ、レンダリングされる）

ボタン状態：未いいね

---------繰り返し---------

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

ActionView::Template::Error (No route matches {:action=>"destroy", :content_id=>5, :controller=>"user/favorites"}, missing required keys: [:id]):
    1: <% if content.liked_by?(current_user) %>
    2:   <%= button_to content_favorite_path(content.id), method: :delete, remote: true, class:"buy-btn fav-delete-btn" do %>
    3:     <span>いいね解除</span>
    4:   <% end %>
    5: <% else %>

app/views/user/favorites/_favorite.html.erb:2
app/views/user/favorites/create.js.erb:1

routes.rb

authenticated :user do
    scope module: :user do
      resources :contents, only: [:index, :new, :create, :show, :destroy] do
        resources :favorites, only: [:create, :destroy]
      end
    end
end

model

content.rb

class Content < ApplicationRecord
  belongs_to :user
  has_many :favorites, dependent: :destroy

  validates :user_id, presence: true

  def liked_by?(user)
    favorites.where(user_id: user.id).exists?
  end
end

user.rb

class User < ApplicationRecord
  has_many  :contents, dependent: :destroy
  has_many  :favorites, dependent: :destroy
end

favorite.rb

class Favorite < ApplicationRecord
  belongs_to :user
  belongs_to :content
  validates  :user_id, uniqueness: { scope: :content_id }
end

###favorites_controller.rb

(app/controllers/user/favorites_controller.rb)

class User::FavoritesController < ApplicationController
  before_action :set_variables

  def create
    @favorite = current_user.favorites.create(content: @content)
  end

  def destroy
    favorite = Favorite.find_by(content: @content, user_id: current_user.id)
    favorite.destroy
  end

  private

    def set_variables
      @content = Content.find(params[:content_id])
      @id_name = "#favorites_buttons_#{@content.id}"
    end
end

###show.html.erb

(app/views/user/contents/show.html.erb)

<div id="favorites_buttons_<%= @content.id %>">
  <%= render partial: 'user/favorites/favorite', locals: { content: @content} %>
</div>

###_favorite.html.erb

(app/views/user/favorites/_favorite.html.erb)

<% if content.liked_by?(current_user) %>
  <%= button_to content_favorite_path(content.id), method: :delete, remote: true, class:"buy-btn fav-delete-btn" do %>
    <span>いいね解除</span>
  <% end %>
<% else %>
  <%= button_to content_favorites_path(content.id), method: :post, remote: true, class:"buy-btn fav-btn" do %>
    <span>いいね！</span>
  <% end %>
<% end %>

###create.js.erb destroy.js.erb

(app/views/user/favorites/create.js.erb)
(app/views/user/favorites/destroy.js.erb)

$('<%= @id_name %>').html("<%= j(render partial: 'user/favorites/favorite', locals: {content: @content}) %>");

試したこと

ルーティングがネスト構造になっているため、viewファイルの位置がおかしいのかと思い、フォルダー作ったり、ファイルを移動させたりしたのですが、解決できませんでした。。。

Comments

[no1knows]

問題点のところで、発生している問題・エラーメッセージが表示されるという認識で良いのでしょうか？

Answer 1

以下のエラー文を見ると missing required keys: [:id]とかかれているのことから、必要なIDがないために、レンダリングに失敗していそうです。

ActionView::Template::Error (No route matches {:action=>"destroy", :content_id=>5, :controller=>"user/favorites"}, missing required keys: [:id]):

いいね解除ボタンで、content_favorite_path(content.id)とかかれていますが、deleteのPathで引数が2つ必要なところを1つしか渡していないのかと思いました。以下のようにするといかがでしょうか(引数の値はとりあえず適当です)。

content_favorite_path(content.id, content.id)

• 1つめの引数が、およそDeleteしたいFavoriteテーブルのID
• 2つめの引数が、content_id

になる気がします。