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

58次阅读

共计 414 个字符，预计需要花费 2 分钟才能阅读完成。

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

正文完