2017-01-06 36 views
6

有关于锚标签的问题作出反应引导阵营路由器。我很好奇其他人如何处理这种情况。有可能只留下带有href的锚标签,如<a href="/">Site Title</a>,并避免使用IndexLinkContainer。还有使用MenuItem,如。最佳实践作出反应,引导/阵营,路由器,引导

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

但是,这会在导航栏的最左侧留下一个隐藏的望点。如果任何人有任何想法如何解决这个问题,我将不胜感激。

回答

2

这就是我所做的(有LinkContainer从反应路由器的自举):

 <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> 

包含网站的名称和标志。 没有重点,但我找不到方法来避免使用LinkContainer ..