react阻止冒泡事件（使用原生js方法）

//彈出框消失

    cancelShade(){
        this.refs.shadeDiv.style.display="none"
        console.log(2)
    }
    keepShade(event){
        console.log(1)
        event.preventDefault();    // 阻止默認事件
        event.stopPropagation();
        this.refs.shadeDiv.style.display="block"

}

在當前彈出框有外邊遮罩層的時候，也就是外邊還有一個div的時候，使用原生的取消冒泡方法 之前的寫法只適用於彈出框直接在document上的情況