umi react proTable 中search renderFormItem搜索栏,点击某一栏操作其他项

684 阅读1分钟

1、需求是在proTable中search renderFormItem搜索栏,点击区域对后面的城市做处理

image.png

2、配置

### 1、 import type { ProFormInstance } from '@ant-design/pro-form';
### 2、利用 const formRef = useRef<ProFormInstance>();
### 3、配置到proTable上

image.png

3、解决

### 1、
   初始化一个状态 const [depChange, setDepChange] = useState('-');
### 2、
   储存区域下拉框onClick事件value值,判断每次点击下拉框判断值是否发生改变,如果value值发生改变,
就执行 formRef.current?.resetFields(['cityId']); 对城市下拉框进行重置;
反之 if (depChange === value) return;