Hay un problema relacionado con las etiquetas de anclaje en React Bootstrap y React Router . Tenía curiosidad sobre cómo otras personas han manejado la situación. Es posible simplemente dejar una etiqueta ancla con un href como <a href="/">Site Title</a> y evitar usar IndexLinkContainer . También se usa MenuItem como.
<Navbar.Brand> <IndexLinkContainer to={{pathname: '/'}}> <MenuItem>TitleName</MenuItem> </IndexLinkContainer> </Navbar.Brand>Sin embargo, esto deja una viñeta de aspecto horrible en el extremo izquierdo de la barra de navegación. Si alguien más tiene alguna idea sobre cómo abordar esto, se lo agradecería.
Eso es lo que hice (con LinkContainer de react-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>Contiene el nombre y el logotipo del sitio. Sin viñetas, pero no pude encontrar una manera de evitar el uso de LinkContainer.