Antd 于document绑定click事件,如何阻止其对Select组件的(冒泡)影响?

如题,我的操作流程如下:

1、点击编辑按钮,切换界面,点击select组件触发onFocus事件。

https://img1.mukewang.com/5c6781ba0001f4ff01990079.jpg

https://img3.mukewang.com/5c6781bc00010c7104110328.jpg

2、点一下document,便失去焦点了

https://img1.mukewang.com/5c6781be0001a90a01680061.jpg

而实际上,受到document绑定的click事件影响,它现在是这样的:

1、点击编辑按钮,触发界面切换,然后

https://img.mukewang.com/5c6781c10001341304220070.jpg

2、点一下Select组件,他就……触发document的click事件,切换回去了!

https://img1.mukewang.com/5c6781c40001d71801660064.jpg

应该是事件冒泡的问题,但查询了相关问答如何阻止react的事件冒泡,未能解决问题。
这是简化的DEMO,希望能得到解答!


繁星点点滴滴
浏览 2981回答 1
1回答
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript