filter组件优化，onChange增加返回接口适配对象

components/filter/index.tsx

@@ -9,6 +9,15 @@ import ModelItem from "./compoents/modelItem";
 import PartItem from "./compoents/partItem";
 import QualityItem from "./compoents/qualityItem";
 
+export type AdapterResult = {
+  brandId?: number;
+  districtId?: number;
+  modelId?: number;
+  partsId?: number;
+  productCategoryId?: number;
+  qualityId?: number;
+};
+
 export type FilterResult = {
   region?: RegionResp;
   brand?: FilterOptionResp;
@@ -23,7 +32,10 @@ type itemType = "类目" | "地域" | "品牌" | "部件" | "型号" | "成色";
 type Props = {
   types: itemType[]; //需要包含的筛选条件项
   showResultItem: Boolean; //显示结果栏
-  onChange: (filterResult: FilterResult) => void; //筛选条件更改事件
+  onChange: (
+    filterResult: FilterResult,
+    adapterFilterResult: AdapterResult,     //适配器,直接用于接口请求
+  ) => void; //筛选条件更改事件
 };
 export default function Filter(props: Props) {
   const [result, setResult] = useState<FilterResult>({});
@@ -34,8 +46,18 @@ export default function Filter(props: Props) {
   };
 
   useEffect(() => {
-    props.onChange(result);
-  }, [result, props]);
+    props.onChange(
+      result,
+      {
+        brandId: result.brand?.id,
+        districtId: result.region?.id,
+        modelId: result.model?.id,
+        partsId: result.part?.id,
+        productCategoryId: result.category?.id,
+        qualityId: result.quality?.id,
+      }
+    );
+  }, [result]);
   const onDel = (key: string) => {
     //@ts-ignore
     delete result[key];