nav Dropdown 的 React-bootstrap 问题

Question

我正在使用 react 引导组件来创建导航栏。我需要将文本和字形图标添加到我的下拉项中，但如果我将它放在此标签内或上方，它要么显示在下拉菜单中，要么根本不显示。我怎样才能把它放在这个按钮里面？

render () {
return (
  <Nav pullRight>
    <NavDropdown id="nav-dropdown">
      <Glyphicon glyph="glyphicon glyphicon-user">{this.props.username}</Glyphicon>
    </NavDropdown>
  </Nav>
)
}

Answer 1

render () {
  return (
    <Nav pullRight>
      <NavItem eventKey={1} href="/home">
        {this.props.username}
        <Glyphicon glyph="glyphicon glyphicon-user"/>
      </NavItem>
    </Nav>
  )
}

在 Glyphicon 之外使用 {this.props.username}。您是否有指向您正在使用的原始库的链接。