HTML5教程

如何监听Ant Design of React 的Search组件设置allowClear后的点击事件？

本文主要是介绍如何监听Ant Design of React 的Search组件设置allowClear后的点击事件？，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

image.png

由于官方没有给出这个x的点击事件的监听hook，所以只能自己曲线救过。

根据文档说明：

onSearch

The callback function triggered when you click on the search-icon, the clear-icon or press the Enter key

可以了解到onSearch的触发条件。

然后通过event对象进行触发类型的判断。

onSearch = (value, event) => {
    if (event.nativeEvent.type === 'click' && value === '') {
        // listen click
        setTimeout(() => {
            // TODO
        }, 300);
    }

    
    if (event.nativeEvent.type === 'enter' && value === '') {
        // Enter
        setTimeout(() => {
            // TODO
        }, 300);
    }


    if (value === '') {
        return;
    }

    // search
};
这篇关于如何监听Ant Design of React 的Search组件设置allowClear后的点击事件？的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
您可能喜欢
栏目导航