Antd Select组件(onBlur)+Button按钮 (handleClick)如何让

我的功能的两个流程为:

  1. Select组件失去焦点后,触发onBlur事件,使界面更新,Select、Button消失。

  2. 点击Button按钮,触发数据提交,界面更新,Select小时。但现在是onBlur优先触发,使得按钮事件无法触发。

刚开始是这样

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

变成这样

https://img2.mukewang.com/5c665baf0001d6fb04750260.jpg

然后,界面更新后变回这样

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

原有代码过多,做了些简化,如有不明确得地方希望提出Demo

考虑可能是react的阻止默认事件、阻止冒泡事件问题,做了如下处理阻止了冒泡,但无效

不知是原生事件还是react合成事件的影响,希望得到解答。


莫回无
浏览 1093回答 1
1回答

qq_笑_17

233好巧啊这个问题,我之前正好碰到过...按钮不要用onClick,用onMouseDown,可以保证在onBlur事件之前触发。
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript