Thực tiễn tốt nhất cho NavBar Xây dựng thương hiệu trong Phản ứng-Bootstrap/Phản ứng-Router-Bootstrap

Question

Có một vấn đề liên quan đến thẻ neo trong Phản ứng Bootstrap và Phản ứng Router. Tôi đã tò mò về cách người khác đã xử lý tình hình. Có thể chỉ để lại một thẻ neo với một href như <a href="/">Site Title</a> và tránh sử dụng IndexLinkContainer. Cũng có sử dụng MenuItem như.

<Navbar.Brand> 
    <IndexLinkContainer to={{pathname: '/'}}> 
      <MenuItem>TitleName</MenuItem> 
    </IndexLinkContainer> 
</Navbar.Brand> 

Tuy nhiên, điều này để lại dấu đầu dòng ẩn bên trái của thanh điều hướng. Nếu bất cứ ai khác có bất kỳ ý tưởng về cách giải quyết này tôi sẽ đánh giá cao nó.

Answer 1

Đó là những gì tôi đã làm (với LinkContainer từ phản ứng-router-bootstrap):

 <LinkContainer to="/" style={{ cursor: 'pointer' }}> 
      <Navbar.Brand> 
       <span style={{ width: 95 }}>Some text</span> 
       <img src="somesrc" style={{ height:20, float:'right', marginLeft:10 }}/> 
      </Navbar.Brand> 
     </LinkContainer> 

Có tên và logo của trang web. Không có dấu đầu dòng nhưng tôi không thể tìm cách tránh sử dụng LinkContainer ..