मेरे पास अपने नेवबर में निम्नलिखित कोड है:
<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 का उपयोग करके समस्या को देखते हैं, तो ऐसा लगता है कि अन्य दो ड्रॉपडाउन में "ओपन" वर्ग नहीं जोड़ा गया है।
कोई सलाह?
उत्तर:
जवाब के लिए 0 № 1आपके NavDropdown घटक स्वयं "इवेंट कीज़ नहीं हैं, उनके पास बस एक शीर्षक और एक आईडी वैल्यू है। यह इस तरह होना चाहिए
<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>