antd input select 清空问题解决

antd input select 一键清空

react+antd开发的内部管理系统，以表格，表单为主，页面多，开发人员多，开发风格不统一，需要为有多个查询条件的页面提供一键清空功能，奈何antd input，select有allowClear的属性却没有提供清空的方法，时间紧，最后决定使用jquery自动触发清空x 的方式进行

input select清空

Input Select 设置allowClear=true
$(’.ant-select-clear’).trigger(‘click’)
$(’.ant-input-clear-icon’).trigger(‘click’)
其他组件的清空如果有allowClear属性都可以用这个方法清空

form中的input select清空

表单中清空可以使用表单重置功能一键清空this.props.form.resetFields();

input select清空无效？

如果遇到不管是界面点击x 或自动触发清空都无效的时候，检查input，select是否设置了onchange属性，如果没有这个属性是无法清空的