React如何点击页面空白处关闭弹窗

如下图,需要实现一个点击输入框有一个依附于输入框的弹窗,如果是用输入框焦点触发,但是点击弹窗里的操作输入框就失去焦点关闭了,如果是点击输入框触发,状态是在组件里控制的,点击页面空白已经与组件无关了,如何关闭掉组件呢
图片描述

阅读 5.8k
2 个回答

给body绑定点击事件,让弹窗关闭。

给弹窗和输入框绑定点击事件,阻止事件冒泡 - e.stopPropagation()。

给window/body绑定click事件,不想点击关闭弹窗的组件阻止冒泡

推荐问题