diff --git a/packages/common/business_components/src/ui/search_base_form/index.tsx b/packages/common/business_components/src/ui/search_base_form/index.tsx index 93de69169..ae68ad301 100644 --- a/packages/common/business_components/src/ui/search_base_form/index.tsx +++ b/packages/common/business_components/src/ui/search_base_form/index.tsx @@ -14,25 +14,24 @@ type SearchBaseType = { selectEnvPartData?: EnvPartSelectDataType[] | []; queryClick:(returnType:ReturnType) => void; excelClick:(returnType:ReturnType) => void; + initClick:() => void; btnClass:string; - ref:React.RefObject; + ref:React.RefObject; } export type ReturnType = { partValue: string; - sidoValue: string; - sigunValue: string; - regionValue: string; + sidoValue: string; + sigunValue: string; + regionValue: string; unitWaterShedValue: string; middleRegionValue: string; envPartValue: string; - envPartSidoValue: string; - envPartSigunValue: string; } function SearchBaseForm ({ - leftChildren, - rightChildren, + leftChildren, + rightChildren, selectSidoData, selectSigunData, selectRegionData, @@ -42,17 +41,16 @@ function SearchBaseForm ({ btnClass, queryClick, excelClick, + initClick, ref }: SearchBaseType) { - const [partValue, setPartValue] = useState("0"); + const [partValue, setPartValue] = useState("A"); const [sidoValue, setSidoValue] = useState("0"); const [sigunValue, setSigunValue] = useState("0"); const [regionValue, setRegionValue] = useState("0"); const [untitWaterShedValue, setUntitWaterShedValue] = useState("0"); const [middleRegionValue, setMiddleRegionValue] = useState("0"); const [envPartValue, setEnvPartValue] = useState("0"); - const [envPartSidoValue, setEnvPartSidoValue] = useState("0"); - const [envPartSigunValue, setEnvPartSigunValue] = useState("0"); const [resetTrigger, setResetTrigger] = useState(false); const queryVal = () => { console.log("조회버튼 클릭"); @@ -64,8 +62,6 @@ function SearchBaseForm ({ unitWaterShedValue: untitWaterShedValue, middleRegionValue: middleRegionValue, envPartValue: envPartValue, - envPartSidoValue: envPartSidoValue, - envPartSigunValue: envPartSigunValue, }); } const initVal = useCallback(() => { @@ -85,13 +81,11 @@ function SearchBaseForm ({ unitWaterShedValue: untitWaterShedValue, middleRegionValue: middleRegionValue, envPartValue: envPartValue, - envPartSidoValue: envPartSidoValue, - envPartSigunValue: envPartSigunValue, }) }; useEffect(() => { if (ref && ref.current) { - const customRef = ref.current as HTMLDivElement & ReturnType; + const customRef = ref.current; customRef.partValue = partValue; customRef.sidoValue = sidoValue; customRef.sigunValue = sigunValue; @@ -99,10 +93,8 @@ function SearchBaseForm ({ customRef.unitWaterShedValue = untitWaterShedValue; customRef.middleRegionValue = middleRegionValue; customRef.envPartValue = envPartValue; - customRef.envPartSidoValue = envPartSidoValue; - customRef.envPartSigunValue = envPartSigunValue; } - }, [partValue, sidoValue, sigunValue, regionValue, untitWaterShedValue, middleRegionValue, envPartValue, envPartSidoValue, envPartSigunValue]); + }, [partValue, sidoValue, sigunValue, regionValue, untitWaterShedValue, middleRegionValue, envPartValue, ref]); return (
{leftChildren} @@ -130,7 +122,7 @@ function SearchBaseForm ({ 엑셀다운로드
-