Question

我正在使用react bootstrap组件来创建navbar。我需要在我的下拉项目中添加文本和glyphicon，但是如果我将它放在此标签内或上面，则显示在下拉菜单中或根本不显示。我怎样才能把它放在这个按钮里面？

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}。您是否有链接到您正在使用的原始库。

navDropdown的React-boostrap问题

1 个答案: