본문으로 건너뛰기

함수: useSelector()

function useSelector<TSource, TSelected>(
   source, 
   selector, 
   options?): TSelected;

정의 위치: packages/react-store/src/useSelector.ts:43

아톰이나 스토어에서 상태 조각을 선택하고 컴포넌트가 해당 선택 결과를 구독하도록 합니다.

TanStack Store의 기본 React 읽기 훅입니다. 아톰, 읽기 전용 아톰, 스토어, 읽기 전용 스토어를 비롯해 get()과 subscribe()를 노출하는 모든 소스에서 작동합니다.

전체 값을 구독하려면 셀렉터를 생략합니다.

타입 매개변수​

TSource​

TSource

TSelected​

TSelected = NoInfer&lt;TSource>

매개변수​

source​

SelectionSource&lt;TSource>

selector​

(snapshot) => TSelected

options?​

UseSelectorOptions&lt;TSelected>

반환값​

TSelected

예시​

const count = useSelector(counterStore, (state) => state.count)
const value = useSelector(countAtom)