Hanami link_to helper chỉ hiển thị phần tử cuối

Question

Tôi là người mới trong Thế giới Hanami. I'have viết mã này:

module Web::Views::Home 
    class Index 
    include Web::View 
    include Hanami::Helpers::HtmlHelper 

    def title 
     html.header do 
     h1 'Test search engine', id: 'title' 
     hr 
     div(id: 'test') do 
      link_to('Home', "/", class: 'mnu_orizontal') 
      link_to('About', "/", class: 'mnu_orizontal') 
     end 
     end 
    end 
    end 
end 

tôi gọi title phương pháp trên mẫu. Kết quả html là:

<header> 
    <h1 id="title">Test search engine</h1> 
    <hr> 
    <div id="test"> 
     <a class="mnu_orizontal" href="/">About</a> 
    </div> 
</header> 

Tại sao liên kết thứ hai ghi đè đầu tiên? Lỗi của tôi ở đâu?

Cảm ơn mọi thư trả lời.

Answer 1

là expected behaviour cho phiên bản hiện tại hanami/helpers (v0.3.0).

Như jodosha đã viết về vấn đề liên kết ở trên:

Sau một sâu nhìn vào vấn đề này, nó không phải là một lỗi. link_to không hoạt động giống như các phương pháp xây dựng HTML khác. Điều đó có nghĩa là bạn có thể tránh các thẻ concat.

Phiên bản tiếp theo (v0.4.0) sẽ cho phép concat link_to, xem điều này PR.

Vì vậy, đó không phải lỗi của bạn, nhưng tôi nghĩ rằng documentation không đồng bộ, nó đã hiển thị số new version.

Hy vọng điều đó sẽ hữu ích! Tạm biệt.

Answer 2

Cảm ơn, tôi có chỉnh sửa mã của tôi:

module Web::Views::Home 
    class Index 
    include Web::View 
    include Hanami::Helpers::HtmlHelper 

    def title 
     html.header do 
     h1 'Global search engine (GSearch)', id: 'title' 
     hr 
     div(id: 'test') do 
      ul do 
      li (link_to('Home', "/", class: 'mnu_orizontal')) 
      li (link_to('About', "/", class: 'mnu_orizontal')) 
      end 
     end 
     end 
    end 
    end 
end 

Answer 3

Bây giờ bạn có thể concat cùng hai link_to với #+. Xem ví dụ này: https://github.com/hanami/helpers/pull/52/files#diff-6a0d85bea58ea52c21a97cee6e67cad0R579