React阻止冒泡失效解决办法_rax ontouchmove事件阻止冒泡 不生效

在React中e.stopPropagation()无法阻止事件冒泡，可以使用 e.nativeEvent.stopImmediatePropagation() 完美解决。

class Test extends React.Component{
    componentDidMount(){
        document.onclick=this.two;
    }
    one(e){
        e.nativeEvent.stopImmediatePropagation();
        alert('one')
    }
    two(){
        alert('two')
    }
    render(){
        return(<div style={{height:200,width:200,backgroundColor:"#ccc"}} onClick={this.one}/>)
    }
}

ReactDOM.render(
    <Test/>,
    document.getElementById("test")
);
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20