Измените поведение NavDropdown, чтобы открыть ссылку - PullRequest
Новая
       4

Измените поведение NavDropdown, чтобы открыть ссылку

0 голосов
/ 09 января 2020

Я искал способ открыть подменю NavDropdown, используя hover, и я обнаружил, что это переполнение стека ссылка , которое предоставляет решение, которое я затем немного изменил для своих нужд 

export class Nav extends React.Component {

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

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

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

  render() {
    return (
       <Nav>
        <NavDropdown
          onMouseEnter = { this.handleOpen }
          onMouseLeave = { this.handleClose }
          show={ this.state.isOpen }
        >
          <MenuItem>Only one Item</MenuItem>
        </NavDropdown>
      </Nav>
    )
  }
}

Однако наведение работает, я хочу изменить поведение при нажатии, чтобы оно открывало ссылку. поэтому новое поведение будет

  • При наведении курсора: откройте подменю
  • При нажатии: откройте другую ссылку

Возможно ли это?

...