javascript – 如何在鼠标悬停时打开react-bootstrap的Dropdown?

前端之家收集整理的这篇文章主要介绍了javascript – 如何在鼠标悬停时打开react-bootstrap的Dropdown?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

好的问题很简单.当鼠标悬停而不是单击时,我需要打开下拉列表.

目前我的代码如下.

    

正如你所看到的,我试过onMouseEnter但没有效果.有人可以解决这个问题吗?我应该传递什么属性来实现这个目标.

API页面在这里react-bootstrap API page

最佳答案
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 (
       

希望这能解决您的问题.

猜你在找的CSS相关文章