본문으로 건너뛰기

함수: useSelector()

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

정의 위치: solid-store/src/useSelector.ts:40

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

TanStack Store의 기본 Solid 읽기 훅입니다. 사용자가 선택한 값을 반응형으로 읽을 수 있도록 Solid 접근자를 반환합니다.

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

타입 매개변수​

TSource​

TSource

TSelected​

TSelected = NoInfer&lt;TSource>

매개변수​

source​

SelectionSource&lt;TSource>

selector​

(snapshot) => TSelected

options?​

UseSelectorOptions&lt;TSelected>

반환값​

Accessor&lt;TSelected>

예시​

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

return <p>{count()}</p>
const value = useSelector(countAtom)