react组件直接在document上添加事件

demo:比如组件里有个div写的框框，点击document body的背景色变红，点击div写的框框没效果

    componentDidMount(){
        document.onclick = this.ChangeBodyBgcolor;
    }
    clickDiv= (e)=>{
        e.nativeEvent.stopImmediatePropagation();//阻止冒泡
    }

    ChangeBodyBgcolor= ()=>{
        document.body.style.backgroundColor="red";
    }