link_toにclass属性の書き方

はじめに

• なぜこの投稿をするのか（背景）
  CSSを適用させる際に、link_toでのclass属性の書き方に思っていたより時間がかかってしまったから。

実際に自分が試したコード

<!--これだとエラーにはならない-->
 <%= link_to("トピック作成", new_topic_path, {class: "nav-link"}) %>

<!--これでもエラーにはならない-->
 <%= link_to("マイページ", user_path(@current_user.id), {class: "nav-link"}) %>

<!--ポップアップ機能のある下の文ではエラーが発生してしまう-->
 <%= link_to("ログアウト", logout_path, method: :post, data:{confirm: "ログアウトしますか？"}, {class: "nav-link"}) %>

原因と改善後

link_toにdata-***やclassなど追加属性を入れる場合、追加属性全体を1つのハッシュで書かないといけないが、それが出来ていなかった。

<!-- 1つのハッシュにしたバージョン -->
<%= link_to("ログアウト", logout_path, { method: :post, data: {confirm: "ログアウトしますか？"}, class: "nav-link"}) %>

<!-- Bare hashバージョン -->
<%= link_to("ログアウト", logout_path, method: :post, data: {confirm: "ログアウトしますか？"}, class: "nav-link") %>

最後に

こういった細かな点をもっともっと詰めていかないと行けないなと思った。