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

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

阅读 5.7k
2 个回答

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

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题