Merge pull request #194 from Guzzing/hotfix/selectcity

hotfix: SelectRef 추가 (이전 스텝으로 이동시 Select 컴포넌트가 초기화 되지 않는 문제)

src/components/selectcity/CityStep.tsx

@@ -1,4 +1,4 @@
-import { useMemo } from 'react'
+import { useEffect, useMemo, useRef } from 'react'
 import Select from '@/components/common/inputbox/select/Select.tsx'
 import StepQuestion from '@/components/common/stepquestion/StepQuestion.tsx'
 import TextBox from '@/components/common/textBox/TextBox.tsx'
@@ -13,6 +13,7 @@ const CityStep = ({
   selectCity = '',
   onClick
 }: SelectCityProps) => {
+  const selectRef = useRef<HTMLSelectElement>(null)
   const MainTitle = useMemo(() => {
     const {
       DEFAULT_TITLE,
@@ -40,6 +41,12 @@ const CityStep = ({
     return [PROVINCE_TEXT, CITY_TEXT, TOWN_TEXT]
   }, [])
 
+  useEffect(()=>{
+    if(selectRef.current){
+      selectRef.current.selectedIndex = 0
+    }
+  },[currentStep])
+
   return (
     <>
       <span className={'headline-30 text-left mt-[60px] ml-[37px] leading-8'}>
@@ -85,6 +92,7 @@ const CityStep = ({
             options={selectList}
             placeholder={SelectPlaceHolder[currentStep - 1]}
             onChange={(e) => onChange(e.target.value)}
+            ref={selectRef}
           />
         </div>
       </div>