乐趣区

关于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
};
退出移动版