useSelect

Johny Kim·2021년 3월 4일
0

Custom Hooks

목록 보기
1/3

내가 만든 커스텀 훅 메모

import { useState } from "react"

export type UseSelect = <S>(defaultValue: S) => UseSelectReturns<S>;

export interface UseSelectReturns<S> {
  selected:S, onChange:(selected: S) => void;
}

const useSelect: UseSelect = (defaultValue) => {
  const [ selected, setSelected ] = useState(defaultValue);

  const onChange = (newValue: typeof defaultValue) => {
    setSelected(newValue);
  }

  return { selected, onChange };
}


export default useSelect;
profile
작고 단단한 컴포넌트를 만들자.

0개의 댓글