关于antd:如何监听Ant-Design-of-React-的Search组件设置allowClear后的点击事件

因为官网没有给出这个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
};

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理