O menu suspenso React-Bootstrap não está se expandindo
Acabei de começar a implementar o React-Bootstrap no meu site, mas o componente NavDropdown não será expandido ao clicar nele.
O que eu fiz:npm install -s react-bootstrap
Adicionadocss
para html:<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/latest/css/bootstrap.min.css">
Criou meuNavigation
componente:
import React from 'react';
import PropTypes from 'prop-types';
import NavbarHeader from 'react-bootstrap/lib/NavbarHeader';
import NavItem from 'react-bootstrap/lib/NavItem';
import Nav from 'react-bootstrap/lib/Nav';
import Navbar from 'react-bootstrap/lib/Navbar';
import NavbarCollapse from 'react-bootstrap/lib/NavbarCollapse';
import NavbarBrand from 'react-bootstrap/lib/NavbarBrand';
import NavbarToggle from 'react-bootstrap/lib/NavbarToggle';
import NavDropdown from 'react-bootstrap/lib/NavDropdown';
import MenuItem from 'react-bootstrap/lib/MenuItem';
export class Header extends React.PureComponent {
render() {
return (
<Navbar inverse collapseOnSelect>
<NavbarHeader>
<NavbarBrand>
<a href="#">React-Bootstrap</a>
</NavbarBrand>
<NavbarToggle />
</NavbarHeader>
<NavbarCollapse>
<Nav>
<NavItem eventKey={1} href="#">Link</NavItem>
<NavItem eventKey={2} href="#">Link</NavItem>
<NavDropdown eventKey={3} title="Dropdown" id="basic-nav-dropdown">
<MenuItem eventKey={3.1}>Action</MenuItem>
<MenuItem eventKey={3.2}>Another action</MenuItem>
<MenuItem eventKey={3.3}>Something else here</MenuItem>
<MenuItem divider />
<MenuItem eventKey={3.3}>Separated link</MenuItem>
</NavDropdown>
</Nav>
<Nav pullRight>
<NavItem eventKey={1} href="#">Link Right</NavItem>
<NavItem eventKey={2} href="#">Link Right</NavItem>
</Nav>
</NavbarCollapse>
</Navbar>
);
}
}
export default Header;
O menu suspenso não será expandido:Gyazo Screenshare - O menu suspenso não está em expansão Um clique está sendo registrado ao inspecionar oelements
: Gyazo Screenshare - renderização em dom
Alguma idéia de como e por que esse erro ocorre?
Editar: Atualmente, estou executando o React 16
EDIT 2: Aqui está o repositório do Github.
https://github.com/Hespen/PWA-bootstrap npm install && npm run development
->localhost:1337