Antd Select组件(onBlur)+Button按钮 (handleClick)如何让handleClick优先触发?

我的功能的两个流程为:

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

刚开始是这样

clipboard.png

变成这样

clipboard.png

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

clipboard.png

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

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

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

阅读 7.9k
1 个回答

233好巧啊这个问题,我之前正好碰到过...

按钮不要用onClick,用onMouseDown,可以保证在onBlur事件之前触发。

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