我可以不使用多個NavDropdown嗎？

我有我的嵌套內導航欄下面的代碼：我可以不使用多個NavDropdown嗎？

<Navbar inverse collapseOnSelect fixedTop fluid> 
    <Navbar.Collapse> 
    <Nav onSelect={this.props.onSelect} pullRight> 
     <NavItem eventKey={'navItem1'}>NavItem 1</NavItem> 
     <NavItem eventKey={'navItem2'}>NavItem 2</NavItem> 

     <NavDropdown eventKey={'dropdown1'} title="Dropdown1" id="basic-nav-dropdown"> 
     <MenuItem eventKey={'placeholder1'}>Placeholder</MenuItem> 
     <MenuItem divider /> 
     <MenuItem eventKey={'placeholder2'}>Placeholder</MenuItem> 
     </NavDropdown> 

     <NavDropdown eventKey={'dropdown2'} title="Dropdown2" id="basic-nav-dropdown-2"> 
     <MenuItem eventKey={'placeholder3'}>Placeholder</MenuItem> 
     <MenuItem divider /> 
     <MenuItem eventKey={'placeholder4'}>Placeholder</MenuItem> 
     </NavDropdown> 

     <NavDropdown eventKey={'dropdown3'} title="DropDown3" id="basic-nav-dropdown-3"> 
     <MenuItem eventKey={'placeholder5'}>Placeholder</MenuItem> 
     <MenuItem divider /> 
     <MenuItem eventKey={'placeholder6'}>Placeholder</MenuItem> 
     </NavDropdown> 
    </Nav> 
    </Navbar.Collapse> 
</Navbar>

我面臨的問題是，只有Dropdown1顯示下拉。在使用我的ChromeTools查看問題時，似乎其他兩個下拉列表中沒有添加「open」類。

有什麼建議嗎？

來源

2017-02-14 Brandy Garland

你的NavDropdown組件本身沒有事件鍵，它們只有一個標題和一個id值。它應該是這樣的：

<NavItem eventKey={1}>NavItem 1</NavItem> 
    <NavItem eventKey={2}>NavItem 2</NavItem> 

    <NavDropdown eventKey={3} title="Dropdown1" id="basic-nav-dropdown"> 
    <MenuItem eventKey={3.1}>Placeholder</MenuItem> 
    <MenuItem divider /> 
    <MenuItem eventKey={3.2}>Placeholder</MenuItem> 
    </NavDropdown> 

    <NavDropdown eventKey={4} title="Dropdown2" id="basic-nav-dropdown-2"> 
    <MenuItem eventKey={4.1}>Placeholder</MenuItem> 
    <MenuItem divider /> 
    <MenuItem eventKey={4.2}>Placeholder</MenuItem> 
    </NavDropdown>

來源

2017-02-14 01:36:02 Jayce444

在我的非僞代碼中，我有eventKeys，它仍然無法正常工作。不過，我會編輯我的問題。 –

我剛剛測試了你的代碼，它工作正常，我可以看到所有3個下拉菜單。我使用了一些默認的'onSelect'函數，它只是記錄到控制檯。你有最新版本的React Bootstrap模塊和CSS文件嗎？試圖打開下拉菜單時是否出現任何控制檯錯誤？你的onSelect屬性函數做了什麼？ – Jayce444

可以證實它也適用於我。 – Chris

我可以不使用多個NavDropdown嗎？

回答

相關問題