react.js - react点击空白部分，隐藏弹出层

问题描述

问 题

react点击按钮弹出了个框后，如何实现点击框以外的地方，让框隐藏,试了下下面这个方法，虽然可以实现隐藏，但是会阻止弹框里的各种事件
补充：不要遮罩

document.removeEventListener('mousedown', this.hidePopBox);

这个问题已被关闭，原因：问题已解决 - 问题已解决，且对他人无借鉴意义

解决方案

弹出框+遮罩就好了，俩控件组合着用，弹出框放在遮罩上边，css控制。给遮罩加一个点击事件就OK了

这篇关于react.js - react点击空白部分，隐藏弹出层的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！