小编mic*_*ves的帖子

将图像添加到React Bootstrap下拉列表中

我为Navbar使用React Bootstrap和React Router Bootstrap,并且正在制作用户配置文件下拉菜单列表。

我希望能够显示用户的头像来代替“ title”属性。(与Github上的用户个人资料下拉菜单相同)

这可能吗?我看不到使用任何图像代替NavDropdown标题的选项

<Navbar inverse>
  <Navbar.Header>
    <Navbar.Toggle />
  </Navbar.Header>

  <Navbar.Collapse>
    <Nav pullRight>
      <NavDropdown eventKey={ 3 } id="profile-dropdown" >
        <LinkContainer to="/profile/edit" >
          <NavItem eventKey={ 3.4 } > Edit </NavItem>
        </LinkContainer>
        <LinkContainer to="/logout">
          <Logout eventKey={ 3.5 } />
        </LinkContainer>
      </NavDropdown>
    </Nav>
  </Navbar.Collapse>
</Navbar>
Run Code Online (Sandbox Code Playgroud)

SplitButton或直接Dropdown会是更好的选择吗?我几乎看不到将“ NavDropdown”添加到HTML中的情况。

reactjs react-bootstrap

6
推荐指数
1
解决办法
3443
查看次数

标签 统计

react-bootstrap ×1

reactjs ×1