사용법

// 반응형 상태를 생성하고 기본값 설정
const count = useState('counter', () => Math.round(Math.random() * 100))

shallowRef 사용하기

상태가 깊게 반응형일 필요가 없다면, useState를 shallowRef와 결합할 수 있습니다. 이는 상태에 큰 객체와 배열이 포함될 때 성능을 향상시킬 수 있습니다.

const state = useState('my-shallow-state', () => shallowRef({ deep: 'not reactive' }))
// isShallow(state) === true

타입

useState<T>(init?: () => T | Ref<T>): Ref<T>
useState<T>(key: string, init?: () => T | Ref<T>): Ref<T>

• key: 요청 간 데이터 페칭이 적절히 중복 제거되도록 보장하는 고유 키입니다. 키를 제공하지 않으면, useState 인스턴스의 파일 및 줄 번호에 고유한 키가 생성됩니다.
• init: 상태가 초기화되지 않았을 때 초기 값을 제공하는 함수입니다. 이 함수는 Ref를 반환할 수도 있습니다.
• T: (타입스크립트 전용) 상태의 타입을 지정합니다.