使用Ant Design做多条件搜索时,第一次点击查询按钮,页面会刷新一次,第二次点击则正常查询显示。问题解决方案。

本文解决AntDesign框架中多条件搜索功能首次点击查询按钮导致页面异常刷新的问题。通过在查询方法首行加入e.preventDefault()来屏蔽按钮自带事件,确保功能正常运行。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

问题:使用Ant Design做多条件搜索时,第一次点击查询按钮,页面会重新加载一次,第二次点击则正常查询显示。

排查过程:

  1. 首先看搜索按钮点击触发的时候有无循环,有时候死循环会导致这个问题。
  2. 是否频闭按钮本身的事件。(博主就是这个错)

查了很多资料,最后知道Ant Design的按钮会有一个本身的事件,完美需要执行自己方法的时候需要屏蔽它。只需要在搜索的方法的第一行加入 e.preventDefault() 屏蔽本身按钮事件就行!

代码如下:

 //查询方法
  handleSearch = e => {
    e.preventDefault();
    ……//方法体
}

 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值