useToggleState

두 개의 값을 토글하는 기능을 제공하는 훅입니다.

기본값으로 제공된 두 개의 값을 관리하며, 선택된 값과 두 값을 토글할 수 있는 함수를 반환합니다.

Code

🔗 실제 구현 코드 확인

Interface

typescript

function useToggleState<T>(value1: T, value2: T): [T, () => void]

Parameters

Name	Type	Description
value1	T	첫 번째 토글 값
value2	T	두 번째 토글 값

Returns

Name	Type	Description
[0]	T	현재 선택된 값
[1]	() => void	두 값 사이를 토글하는 함수

Usage

typescript

import { useToggleState } from '@modern-kit/react';

const Example = () => {
  const [value, toggle] = useToggleState('ON', 'OFF');

  return (
    <div>
      {value}
      <button onClick={toggle}>Toggle Button</button>
    </div>
  );
}

Example

ON