본문으로 건너뛰기

함수: useAtom()

function useAtom<TValue>(atom, options?): [TValue, (fn) => void & (value) => void];

정의 위치: preact-store/src/useAtom.ts:22

현재 아톰 값과 안정적인 세터를 함께 반환합니다.

컴포넌트에서 쓰기 가능한 동일한 아톰을 읽고 업데이트해야 할 때 사용합니다.

타입 매개변수​

TValue​

TValue

매개변수​

atom​

Atom&lt;TValue>

options?​

UseSelectorOptions&lt;TValue>

반환값​

[TValue, (fn) => void & (value) => void]

예시​

const [count, setCount] = useAtom(countAtom)

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