2017-10-26 9 views
0

私はnavbarを作成するために反応ブートストラップコンポーネントを使用しています。私はテキストとグリフコンをドロップダウンアイテムに追加する必要がありますが、このタグの内側に配置するか、それをドロップダウンメニューに表示するか、まったく表示しません。このボタンの中にはどうすればいいですか? Glyphicon外部navDropdownのリアクションブーラップの問題

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

答えて

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

利用{this.props.username}。使用している元のライブラリへのリンクがありますか?

+0

ありがとう!これは作品ですが、私が実際に欲しかったのではありません。私は反応ブートストラップを使用しています。ここにリンクがあります:https://react-bootstrap.github.io – 8txra

+0

アイコンをどこに表示するかを明確にすることができます。それは矢印の隣にあるべきですか?矢印の他に?内部のドロップダウンメニューを開いた? ... –

関連する問題