함수: useCreateAtom()

호출 시그니처

function useCreateAtom<T>(getValue, options?): ReadonlyAtom<T>;

정의 위치: preact-store/src/useCreateAtom.ts:27

컴포넌트 생명 주기 동안 유지되는 안정적인 아톰 인스턴스를 생성합니다.

초기값을 전달하면 쓰기 가능한 아톰을 생성하고, getter 함수를 전달하면 읽기 전용 파생 아톰을 생성합니다. createAtom을 그대로 따르지만 컴포넌트 마운트당 아톰을 한 번만 생성합니다.

타입 매개변수

T

T

매개변수

getValue

(prev?) => T

options?

AtomOptions<T>

반환값

ReadonlyAtom<T>

예시

function Counter() {
  const countAtom = useCreateAtom(0)
  const [count, setCount] = useAtom(countAtom)

  return (
    <button type="button" onClick={() => setCount((prev) => prev + 1)}>
      {count}
    </button>
  )
}

호출 시그니처

function useCreateAtom<T>(initialValue, options?): Atom<T>;

정의 위치: preact-store/src/useCreateAtom.ts:31

컴포넌트 생명 주기 동안 유지되는 안정적인 아톰 인스턴스를 생성합니다.

초기값을 전달하면 쓰기 가능한 아톰을 생성하고, getter 함수를 전달하면 읽기 전용 파생 아톰을 생성합니다. createAtom을 그대로 따르지만 컴포넌트 마운트당 아톰을 한 번만 생성합니다.

타입 매개변수

T

T

매개변수

initialValue

T

options?

AtomOptions<T>

반환값

Atom<T>

예시

function Counter() {
  const countAtom = useCreateAtom(0)
  const [count, setCount] = useAtom(countAtom)

  return (
    <button type="button" onClick={() => setCount((prev) => prev + 1)}>
      {count}
    </button>
  )
}