React点击空白部分隐藏弹出层;React阻止事件冒泡失效

使用e.nativeEvent.stopImmediatePropagation()来阻止react事件冒泡

import React,{Component} from 'react';

class Text extends Component {

    componentDidMount(){
        document.onclick=()=>{
            console.log('body')
        };
    }

    click=(e)=>{
        e.nativeEvent.stopImmediatePropagation();
        console.log('点击')
    }

    render(){
        return (
            <div>
                <a onClick={(e)=>{this.click(e)}}>点击</a>
            </div>
        )
    }
}
export default Text
发布了22 篇原创文章 · 获赞 6 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/qq_39024012/article/details/101060055