useInputState

useInputState는 입력 상태를 관리하는 리액트 훅이에요. 선택적으로 값 변환 함수를 지정할 수도 있어요.

인터페이스

function useInputState(
  initialValue: string = '',
  transformValue: (value: string) => string = (v: string) => v
): [value: string, onChange: (value: string) => void];

파라미터

• initialValuestring
  

  입력의 초기 값이에요. 기본값은 빈 문자열("")이에요.

• transformValue(value: string) => string
  

  입력 값을 변환하는 함수예요. 기본값은 아무 변화 없이 입력을 반환하는 함수예요.

반환 값

• [value: string, onChange: (value: string) => void]
  

  튜플을 포함해요:

  • valuestring
    

    현재 상태 값이에요.

  • onChange(value: string) => void
    

    상태를 업데이트하는 함수예요.

예시

function Example() {
  const [value, setValue] = useInputState('');
  return <input type="text" value={value} onChange={setValue} />;
}