Rails6 Bootstrap link_toを使ってmethodとclassを両方とも指定しよう

目的

• ログアウトボタンを作る時にlink_toを使用してmethodとclassを指定する際に若干詰まった内容をまとめる

結論

• methodとclassを個々に中括弧でくくるのではなく一緒に定義する。

  <!-- NG -->
  <li class="navbar-item"><%= link_to("ログアウト", "/logout", {method: "delete"}, {class: "nav-link"}) %></li>
  
  <!-- OK -->
  <li class="navbar-item"><%= link_to("ログアウト", "/logout", {method: "delete", class: "nav-link"}) %></li>
  

  情報

• header内をBootstrapを使用して書いている。

• 今までmethodを指定していなかったのでそのままaタグを使用してheaderメニューを書いてた。

• aタグをlink_toに置き換えたい。

困ったこと

• link_toを使用して個々の中括弧でmethodとclassを指定すると構文エラーが出た。

• 下記にエラーが出た時のコードを記載する。

  <li class="navbar-item"><%= link_to("ログアウト", "/logout", {method: "delete"}, {class: "nav-link"}) %></li>
  

解決法

• 同じ中括弧内でmethodとclassを指定すれば良い。

• 下記に正常に表示された時のコードを記載する。

  <li class="navbar-item"><%= link_to("ログアウト", "/logout", {method: "delete", class: "nav-link"}) %></li>