함수: useLiveQueryEffect()

function useLiveQueryEffect<TRow, TKey>(config, deps): void;

정의 위치: useLiveQueryEffect.ts:30

쿼리 결과 내에서 행이 추가, 제거 또는 업데이트될 때 핸들러를 실행하는 반응형 effect를 생성하는 React 훅입니다.

effect는 마운트 시 생성되고 언마운트 시 정리됩니다. deps이 변경되면 이전 effect가 정리되고 새 effect가 생성됩니다.

타입 매개변수

TRow

TRow extends object = Record<string, unknown>

TKey

TKey extends string | number = string | number

매개변수

config

EffectConfig<TRow, TKey>

deps

DependencyList = []

반환값

void

예제

function ChatComponent() {
  useLiveQueryEffect(
    {
      query: (q) => q.from({ msg: messages }).where(({ msg }) => eq(msg.role, 'user')),
      skipInitial: true,
      onEnter: async (event) => {
        await generateResponse(event.value)
      },
    },
    []
  )

  return <div>...</div>
}