Common Input

[cuconveniencestore]

📸 사용 화면

🧐 사용방법

<변경전>

• type(nickname,comment,title,search), handleEvent, inputValue, setInputValue 을 Props로 받음
• Recoil atom으로 state 생성 후 inputValue, setInputValue 만들어 사용

사용예시

    <Input
        type={nickname.typeName}
        handleEvent={cilckIdCheckBtn}
        inputValue={inputValue}
        setInputValue={setInputValue}
    />

<변경후>

• useInput hook 정의
• type,hadleEvent 을 Props로 받음

• component에서 inputValue 필요한 경우 > const inputValue = useRecoilValue(useInputState);후 사용

사용예시

    <Input
        type={nickname.typeName}
        handleEvent={cilckIdCheckBtn}
    />

🗂️ 추가사항

• 디자인시스템에 지정 된 4가지 타입으로 우선 만들어뒀는데 search bar에 들어가는 input은 따로 분리하는게 좋을것 같기도 합니다...😳
• type은 constants folder 내 common.ts file안 INPUT_TEXTS 에 지정해 두었으며 아래 예시 처럼 사용하시면 됩니다.