Реакция: применение эффекта наведения к элементу bootstrap NavDropdown - PullRequest
Новая
       4

Реакция: применение эффекта наведения к элементу bootstrap NavDropdown

0 голосов
/ 25 февраля 2020

Я пытаюсь применить эффект наведения на NavDropdown в reactjs, я пробовал следующее. 

<NavDropdown title="Dropdown" onMouseEnter={ this.handleOpen } onMouseLeave={ this.handleClose } open={ this.state.isOpen } id="basic-nav-dropdown">
    <NavDropdown.Item href="#action/3.1">Action</NavDropdown.Item>
    <NavDropdown.Item href="#action/3.2">Another action</NavDropdown.Item>
    <NavDropdown.Item href="#action/3.3">Something</NavDropdown.Item>
    <NavDropdown.Item href="#action/3.4">Separated link</NavDropdown.Item>
</NavDropdown>

constructor(props) {
    super(props)
    this.state = { isOpen: false }
}

handleOpen = () => {
    this.setState({ isOpen: true })
}

handleClose = () => {
    this.setState({ isOpen: false })
}

Приведенный выше код не работает. Может кто-нибудь сказать мне, что мне не хватает?

...