önle onmouseout aşağıdaki Verilen alt öğeleri

Question

ateş açmasını: Ben fare NavDropdown bir çocuk üzerinde olduğunda ateş onMouseOut önlemek nasıl

render() { 

    const onMouseOver = (event) => { 
    this.setState({ isHovering: true }); 
    }; 

    const onMouseOut = (event) => { 
    this.setState({ isHovering: false }); 
    }; 

    const open = this.state.isHovering ? true : false; 

    return (
    <Nav className={styles.TopNav} bsStyle="pills" activeKey={1}> 
     <NavDropdown 
     className={dropDownClasses} 
     eventKey={1} 
     open={open} 
     title="Cards" 
     id="nav-dropdown" 
     onMouseEnter={onMouseOver} 
     onMouseOut={onMouseOut}> 
     <MenuItem eventKey="1.1">Action</MenuItem> 
     <MenuItem eventKey="1.2">Another action</MenuItem> 
     </NavDropdown> 
     <NavItem className={styles.navLink} eventKey={2}>Blog</NavItem> 
    </Nav> 
); 

.

OnMouseOut'ta bir çocuğumun üstesinden gelebilir miyim?

Answer 1

Bu, Spesifik değil. mouseover ve mouseout olayları balonudur, bu nedenle işleyici, öğenin çocukları için de tetiklenir. mouseenter ve mouseleave kabarmıyor.

Bunun yerine mouseleave dinlemelisiniz.